From e6d800459bd4a58d92f513988e88e77010bd4cb3 Mon Sep 17 00:00:00 2001
From: devanshu052000 <devanshu.rastogi05@gmail.com>
Date: Tue, 3 Jun 2025 23:44:26 +0530
Subject: [PATCH] Disable button on free plan

---
 frontend/src/AppBuilder/QueryPanel/QueryCard.jsx | 1 +
 frontend/src/ToolJetUI/List/list.scss            | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/frontend/src/AppBuilder/QueryPanel/QueryCard.jsx b/frontend/src/AppBuilder/QueryPanel/QueryCard.jsx
index 5236a529eb..318ac86736 100644
--- a/frontend/src/AppBuilder/QueryPanel/QueryCard.jsx
+++ b/frontend/src/AppBuilder/QueryPanel/QueryCard.jsx
@@ -276,6 +276,7 @@ export const QueryCard = ({ dataQuery, darkMode = false, localDs }) => {
                         <div
                           className={classNames('list-item-option-menu-label', {
                             'color-tomato9': option.value === 'delete',
+                            'color-disabled': option.value === 'permission' && !licenseValid,
                           })}
                         >
                           {option?.label}
diff --git a/frontend/src/ToolJetUI/List/list.scss b/frontend/src/ToolJetUI/List/list.scss
index 786f4e88af..04258a0788 100644
--- a/frontend/src/ToolJetUI/List/list.scss
+++ b/frontend/src/ToolJetUI/List/list.scss
@@ -79,6 +79,10 @@ button:focus:not(:focus-visible) {
     .color-tomato9 {
       color: var(--tomato9)
     }
+
+    .color-disabled {
+      color: var(--text-disabled);
+    }
   }
 }