fix(ui): make gitops git access token text field hidden

Signed-off-by: Nabil Houidi <35373676+NabilHouidi@users.noreply.github.com>
litmuschaos · Mar 22, 2024 · 9e92158 · 9e92158
1 parent d176b92
commit 9e92158
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/chaoscenter/web/src/components/PasswordInput/PasswordInput.module.scss b/chaoscenter/web/src/components/PasswordInput/PasswordInput.module.scss
@@ -1,7 +1,9 @@
 .fieldContainer {
   gap: 0.15rem;
+  width: 100% !important;
   .inputContainer {
     :global {
+      width: 100%;
       .bp3-form-group {
         margin-bottom: 0 !important;
       }

diff --git a/chaoscenter/web/src/views/Gitops/Gitops.tsx b/chaoscenter/web/src/views/Gitops/Gitops.tsx
@@ -30,6 +30,7 @@ import type {
 import { useDocumentTitle, useRouteWithBaseUrl } from '@hooks';
 import { useStrings } from '@strings';
 import Loader from '@components/Loader';
+import PassowrdInput from '@components/PasswordInput';
 import css from './Gitops.module.scss';
 
 interface GitopsData {
@@ -254,13 +255,9 @@ export default function GitopsView({
                                   ]}
                                 />
                                 {formikProps.values.authType === AuthType.TOKEN && (
-                                  <FormInput.Text
+                                  <PassowrdInput
                                     name="token"
-                                    label={
-                                      <Text font={{ variation: FontVariation.FORM_LABEL }} margin={{ top: 'medium' }}>
-                                        {getString('accessToken')}
-                                      </Text>
-                                    }
+                                    label={getString('accessToken')}
                                     placeholder={getString('accessTokenPlaceholder')}
                                   />
                                 )}