feat(usebruno#1003): styling fixes for auth input fields, undefined v…

…alue issue fix
lohxt1 · Feb 27, 2024 · 244f8ba · 244f8ba
1 parent 0fd255c
commit 244f8ba
Show file tree

Hide file tree

Showing 7 changed files with 8 additions and 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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};