fix(ui): always enable 'lock only' button (#2083)

Ref: SRX-2VGP74
freiheit-com · Nov 4, 2024 · cca2ef3 · cca2ef3
1 parent 446168c
commit cca2ef3
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/...rontend-service/src/ui/components/ReleaseDialog/__snapshots__/ReleaseDialog.test.tsx.snap b/...rontend-service/src/ui/components/ReleaseDialog/__snapshots__/ReleaseDialog.test.tsx.snap
@@ -912,7 +912,6 @@ exports[`Release Dialog Renders the environment locks two envs release 1`] = `
                               <button
                                 aria-label=""
                                 class="mdc-button button-expand"
-                                disabled=""
                               >
                                 <div
                                   class="mdc-button__ripple"

diff --git a/services/frontend-service/src/ui/components/button/ExpandButton.tsx b/services/frontend-service/src/ui/components/button/ExpandButton.tsx
@@ -71,7 +71,6 @@ export const ExpandButton = (props: ExpandButtonProps): JSX.Element => {
                 {/* the button to expand the dialog: */}
                 <Button
                     onClick={onClickExpand}
-                    disabled={props.disabled}
                     className={'button-expand'}
                     key={'button-second-key'}
                     label={''}
@@ -95,6 +94,7 @@ export const ExpandButton = (props: ExpandButtonProps): JSX.Element => {
                                 label={'Deploy only'}
                                 icon={undefined}
                                 highlightEffect={true}
+                                disabled={props.disabled}
                             />
                         </div>
                         <div>

diff --git a/services/frontend-service/src/ui/components/button/button.scss b/services/frontend-service/src/ui/components/button/button.scss
@@ -37,6 +37,11 @@ Copyright freiheit.com*/
     border-radius: 14px;
     border-color: blue;
     border-style: groove;
+    .button-popup-deploy {
+        &:disabled {
+            color: grey;
+        }
+    }
 
     .first-two {
         height: 36px;