From cca2ef3b1ec0a2487931f7fd3d9e6c90214eb66d Mon Sep 17 00:00:00 2001
From: Amin Salarkia <amin.salarkia@freiheit.com>
Date: Mon, 4 Nov 2024 14:22:35 +0100
Subject: [PATCH] fix(ui): always enable 'lock only' button (#2083)

Ref: SRX-2VGP74
---
 .../ReleaseDialog/__snapshots__/ReleaseDialog.test.tsx.snap  | 1 -
 .../src/ui/components/button/ExpandButton.tsx                | 2 +-
 .../frontend-service/src/ui/components/button/button.scss    | 5 +++++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/services/frontend-service/src/ui/components/ReleaseDialog/__snapshots__/ReleaseDialog.test.tsx.snap b/services/frontend-service/src/ui/components/ReleaseDialog/__snapshots__/ReleaseDialog.test.tsx.snap
index d58f09ee63..177c0184de 100644
--- a/services/frontend-service/src/ui/components/ReleaseDialog/__snapshots__/ReleaseDialog.test.tsx.snap
+++ b/services/frontend-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
index 3a6c2e6369..a6368a469b 100644
--- 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
index 89722b4967..1191aab97a 100644
--- 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;