From 2da211f464b370f73d549e0fe105c20c14fe1762 Mon Sep 17 00:00:00 2001
From: Vishnu <vishnu@hexrfactory.com>
Date: Mon, 28 Apr 2025 18:25:25 +0530
Subject: [PATCH] feat: Enable add button in ActionsList based on
 multipleAction prop and style disabled state in sidebar

---
 .../components/ActionsList.tsx                | 13 +++++---
 app/src/styles/layout/sidebar.scss            | 31 +++++++++++--------
 2 files changed, 26 insertions(+), 18 deletions(-)

diff --git a/app/src/components/layout/sidebarRight/properties/eventProperties/components/ActionsList.tsx b/app/src/components/layout/sidebarRight/properties/eventProperties/components/ActionsList.tsx
index 56626c8..d009307 100644
--- a/app/src/components/layout/sidebarRight/properties/eventProperties/components/ActionsList.tsx
+++ b/app/src/components/layout/sidebarRight/properties/eventProperties/components/ActionsList.tsx
@@ -116,11 +116,14 @@ const ActionsList: React.FC<ActionsListProps> = ({
       <div className="actions">
         <div className="header">
           <div className="header-value">Actions</div>
-          {multipleAction && (
-            <button className="add-button" onClick={() => handleAddAction()}>
-              <AddIcon /> Add
-            </button>
-          )}
+
+          <button
+            className="add-button"
+            onClick={() => handleAddAction()}
+            disabled={!multipleAction}
+          >
+            <AddIcon /> Add
+          </button>
         </div>
         <div
           className="lists-main-container"
diff --git a/app/src/styles/layout/sidebar.scss b/app/src/styles/layout/sidebar.scss
index c284c42..a102feb 100644
--- a/app/src/styles/layout/sidebar.scss
+++ b/app/src/styles/layout/sidebar.scss
@@ -379,7 +379,7 @@
         grid-column: 1 / -1;
         .products-list {
           padding-top: 1rem;
-          .products-list-title{
+          .products-list-title {
             text-align: start;
             color: var(--accent-color);
             font-size: var(--font-size-regular);
@@ -731,6 +731,9 @@
         path {
           stroke: var(--primary-color);
         }
+        &:disabled {
+          background-color: var(--text-disabled);
+        }
       }
     }
 
@@ -799,19 +802,21 @@
           width: 100%;
           margin: 2px 0;
           border-radius: #{$border-radius-small};
-        }
+          .value {
+            display: flex;
+            justify-content: flex-start;
+            align-items: center;
+            min-width: 80%;
+            gap: 6px;
+            .input-value {
+              text-align: start;
+            }
 
-        .value {
-          display: flex;
-          justify-content: flex-start;
-          align-items: center;
-          min-width: 80%;
-          gap: 6px;
-
-          input {
-            width: fit-content;
-            outline: none;
-            accent-color: var(--accent-color);
+            input {
+              width: fit-content;
+              outline: none;
+              accent-color: var(--accent-color);
+            }
           }
         }