From 781370fcaefd86e638353202bf67ae19060c2dea Mon Sep 17 00:00:00 2001
From: cgoodwin90 <chris_2190@hotmail.com>
Date: Fri, 24 May 2024 16:20:16 +1000
Subject: [PATCH] Env-var fixes

---
 src/components/AddVariable/StyledAddVariable.tsx          | 3 ++-
 src/components/AddVariable/index.js                       | 8 ++++----
 src/components/AddVariable/logic.js                       | 5 ++---
 .../ViewVariableValue/StyledViewVariableValue.tsx         | 1 +
 4 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/AddVariable/StyledAddVariable.tsx b/src/components/AddVariable/StyledAddVariable.tsx
index 27b3ef93..3ec7f03d 100644
--- a/src/components/AddVariable/StyledAddVariable.tsx
+++ b/src/components/AddVariable/StyledAddVariable.tsx
@@ -33,7 +33,8 @@ export const NewVariableModal = styled.div`
     font-family: 'source-code-pro', sans-serif;
     font-weight: bold;
   }
-  input, textarea {
+  input,
+  textarea {
     margin-right: 10px;
     width: 100%;
   }
diff --git a/src/components/AddVariable/index.js b/src/components/AddVariable/index.js
index 958ef742..0bf3674f 100644
--- a/src/components/AddVariable/index.js
+++ b/src/components/AddVariable/index.js
@@ -229,8 +229,8 @@ export const AddVariable = ({
                             ? 'Update environment variable'
                             : 'Add environment variable'
                           : updateVar || varName
-                          ? 'Update project variable'
-                          : 'Add project variable'}
+                            ? 'Update project variable'
+                            : 'Add project variable'}
                       </ButtonBootstrap>
                     </Popconfirm>
                   );
@@ -247,8 +247,8 @@ export const AddVariable = ({
                           ? 'Update environment variable'
                           : 'Add environment variable'
                         : updateVar || varName
-                        ? 'Update project variable'
-                        : 'Add project variable'}
+                          ? 'Update project variable'
+                          : 'Add project variable'}
                     </ButtonBootstrap>
                   );
                 }
diff --git a/src/components/AddVariable/logic.js b/src/components/AddVariable/logic.js
index f95697c9..4ad019ff 100644
--- a/src/components/AddVariable/logic.js
+++ b/src/components/AddVariable/logic.js
@@ -18,8 +18,7 @@ const withInputHandlers = withHandlers({
       setInputName(event.target.value),
   setClear:
     ({ setInputValue, setInputName, setInputScope }) =>
-    () =>
-      [setInputValue(''), setInputName(''), setInputScope('')],
+    () => [setInputValue(''), setInputName(''), setInputScope('')],
 });
 
 const withModalState = withState('open', 'setOpen', false);
@@ -33,7 +32,7 @@ const withModalHandlers = withHandlers({
     () => {
       setOpen(false);
       setClear();
-    }
+    },
 });
 
 export default compose(
diff --git a/src/components/ViewVariableValue/StyledViewVariableValue.tsx b/src/components/ViewVariableValue/StyledViewVariableValue.tsx
index 9604ff5e..70f0b795 100644
--- a/src/components/ViewVariableValue/StyledViewVariableValue.tsx
+++ b/src/components/ViewVariableValue/StyledViewVariableValue.tsx
@@ -34,6 +34,7 @@ export const StyledViewVariableValueModal = styled.div`
     .col-3 {
       width: fit-content;
       line-break: anywhere;
+      white-space: break-spaces;
     }
     a.external-link {
       color: ${color.brightBlue};