From 244f8ba35aca3fa0d0c138ed3fff74b95af5af62 Mon Sep 17 00:00:00 2001
From: lohxt1 <lohit.jiddimani@gmail.com>
Date: Tue, 27 Feb 2024 18:40:50 +0530
Subject: [PATCH] feat(#1003): styling fixes for auth input fields, undefined
 value issue fix

---
 .../components/CollectionSettings/Auth/BearerAuth/index.js    | 2 +-
 .../components/RequestPane/Auth/AwsV4Auth/StyledWrapper.js    | 1 +
 .../components/RequestPane/Auth/BasicAuth/StyledWrapper.js    | 1 +
 .../components/RequestPane/Auth/BearerAuth/StyledWrapper.js   | 1 +
 .../src/components/RequestPane/Auth/BearerAuth/index.js       | 4 ++--
 .../components/RequestPane/Auth/DigestAuth/StyledWrapper.js   | 1 +
 .../src/components/RequestPane/Auth/OAuth2/StyledWrapper.js   | 1 +
 7 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/bruno-app/src/components/CollectionSettings/Auth/BearerAuth/index.js b/packages/bruno-app/src/components/CollectionSettings/Auth/BearerAuth/index.js
index 701a4d7fa9..a8b341a8cc 100644
--- a/packages/bruno-app/src/components/CollectionSettings/Auth/BearerAuth/index.js
+++ b/packages/bruno-app/src/components/CollectionSettings/Auth/BearerAuth/index.js
@@ -11,7 +11,7 @@ const BearerAuth = ({ collection }) => {
   const dispatch = useDispatch();
   const { storedTheme } = useTheme();
 
-  const bearerToken = get(collection, 'root.request.auth.bearer.token');
+  const bearerToken = get(collection, 'root.request.auth.bearer.token', '');
 
   const handleSave = () => dispatch(saveCollectionRoot(collection.uid));
 
diff --git a/packages/bruno-app/src/components/RequestPane/Auth/AwsV4Auth/StyledWrapper.js b/packages/bruno-app/src/components/RequestPane/Auth/AwsV4Auth/StyledWrapper.js
index c2bb5d2071..316d3a7c5f 100644
--- a/packages/bruno-app/src/components/RequestPane/Auth/AwsV4Auth/StyledWrapper.js
+++ b/packages/bruno-app/src/components/RequestPane/Auth/AwsV4Auth/StyledWrapper.js
@@ -6,6 +6,7 @@ const Wrapper = styled.div`
   }
 
   .single-line-editor-wrapper {
+    max-width: 400px;
     padding: 0.15rem 0.4rem;
     border-radius: 3px;
     border: solid 1px ${(props) => props.theme.input.border};
diff --git a/packages/bruno-app/src/components/RequestPane/Auth/BasicAuth/StyledWrapper.js b/packages/bruno-app/src/components/RequestPane/Auth/BasicAuth/StyledWrapper.js
index c2bb5d2071..316d3a7c5f 100644
--- a/packages/bruno-app/src/components/RequestPane/Auth/BasicAuth/StyledWrapper.js
+++ b/packages/bruno-app/src/components/RequestPane/Auth/BasicAuth/StyledWrapper.js
@@ -6,6 +6,7 @@ const Wrapper = styled.div`
   }
 
   .single-line-editor-wrapper {
+    max-width: 400px;
     padding: 0.15rem 0.4rem;
     border-radius: 3px;
     border: solid 1px ${(props) => props.theme.input.border};
diff --git a/packages/bruno-app/src/components/RequestPane/Auth/BearerAuth/StyledWrapper.js b/packages/bruno-app/src/components/RequestPane/Auth/BearerAuth/StyledWrapper.js
index c2bb5d2071..316d3a7c5f 100644
--- a/packages/bruno-app/src/components/RequestPane/Auth/BearerAuth/StyledWrapper.js
+++ b/packages/bruno-app/src/components/RequestPane/Auth/BearerAuth/StyledWrapper.js
@@ -6,6 +6,7 @@ const Wrapper = styled.div`
   }
 
   .single-line-editor-wrapper {
+    max-width: 400px;
     padding: 0.15rem 0.4rem;
     border-radius: 3px;
     border: solid 1px ${(props) => props.theme.input.border};
diff --git a/packages/bruno-app/src/components/RequestPane/Auth/BearerAuth/index.js b/packages/bruno-app/src/components/RequestPane/Auth/BearerAuth/index.js
index d839d62060..77198d3110 100644
--- a/packages/bruno-app/src/components/RequestPane/Auth/BearerAuth/index.js
+++ b/packages/bruno-app/src/components/RequestPane/Auth/BearerAuth/index.js
@@ -12,8 +12,8 @@ const BearerAuth = ({ item, collection }) => {
   const { storedTheme } = useTheme();
 
   const bearerToken = item.draft
-    ? get(item, 'draft.request.auth.bearer.token')
-    : get(item, 'request.auth.bearer.token');
+    ? get(item, 'draft.request.auth.bearer.token', '')
+    : get(item, 'request.auth.bearer.token', '');
 
   const handleRun = () => dispatch(sendRequest(item, collection.uid));
   const handleSave = () => dispatch(saveRequest(item.uid, collection.uid));
diff --git a/packages/bruno-app/src/components/RequestPane/Auth/DigestAuth/StyledWrapper.js b/packages/bruno-app/src/components/RequestPane/Auth/DigestAuth/StyledWrapper.js
index c2bb5d2071..316d3a7c5f 100644
--- a/packages/bruno-app/src/components/RequestPane/Auth/DigestAuth/StyledWrapper.js
+++ b/packages/bruno-app/src/components/RequestPane/Auth/DigestAuth/StyledWrapper.js
@@ -6,6 +6,7 @@ const Wrapper = styled.div`
   }
 
   .single-line-editor-wrapper {
+    max-width: 400px;
     padding: 0.15rem 0.4rem;
     border-radius: 3px;
     border: solid 1px ${(props) => props.theme.input.border};
diff --git a/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/StyledWrapper.js b/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/StyledWrapper.js
index e4d6a7d6c3..856f35b9b9 100644
--- a/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/StyledWrapper.js
+++ b/packages/bruno-app/src/components/RequestPane/Auth/OAuth2/StyledWrapper.js
@@ -5,6 +5,7 @@ const Wrapper = styled.div`
     font-size: 0.8125rem;
   }
   .single-line-editor-wrapper {
+    max-width: 400px;
     padding: 0.15rem 0.4rem;
     border-radius: 3px;
     border: solid 1px ${(props) => props.theme.input.border};