From 330b88d4205550a0be6f3a3864ec9a3617c28d3c Mon Sep 17 00:00:00 2001
From: devanshu052000 <devanshu.rastogi05@gmail.com>
Date: Mon, 9 Jun 2025 12:47:45 +0530
Subject: [PATCH] Add page, query or component name to the permissions modal

---
 frontend/src/AppBuilder/LeftSidebar/PageMenu/PageMenu.jsx | 2 ++
 frontend/src/AppBuilder/QueryPanel/QueryDataPane.jsx      | 1 +
 2 files changed, 3 insertions(+)

diff --git a/frontend/src/AppBuilder/LeftSidebar/PageMenu/PageMenu.jsx b/frontend/src/AppBuilder/LeftSidebar/PageMenu/PageMenu.jsx
index d55864e91c..68a54c2ca4 100644
--- a/frontend/src/AppBuilder/LeftSidebar/PageMenu/PageMenu.jsx
+++ b/frontend/src/AppBuilder/LeftSidebar/PageMenu/PageMenu.jsx
@@ -29,6 +29,7 @@ export const PageMenu = ({ darkMode, switchPage, pinned, setPinned }) => {
   const enableReleasedVersionPopupState = useStore((state) => state.enableReleasedVersionPopupState);
   const closePageEditPopover = useStore((state) => state.closePageEditPopover);
   const editingPageId = useStore((state) => state.editingPage?.id);
+  const editingPageName = useStore((state) => state.editingPage?.name);
   const showPagePermissionModal = useStore((state) => state.showPagePermissionModal);
   const togglePagePermissionModal = useStore((state) => state.togglePagePermissionModal);
   const updatePageWithPermissions = useStore((state) => state.updatePageWithPermissions);
@@ -105,6 +106,7 @@ export const PageMenu = ({ darkMode, switchPage, pinned, setPinned }) => {
               <AppPermissionsModal
                 modalType="page"
                 resourceId={editingPageId}
+                resourceName={editingPageName}
                 showModal={showPagePermissionModal}
                 toggleModal={togglePagePermissionModal}
                 darkMode={darkMode}
diff --git a/frontend/src/AppBuilder/QueryPanel/QueryDataPane.jsx b/frontend/src/AppBuilder/QueryPanel/QueryDataPane.jsx
index 12e8fb3171..97b4daa68f 100644
--- a/frontend/src/AppBuilder/QueryPanel/QueryDataPane.jsx
+++ b/frontend/src/AppBuilder/QueryPanel/QueryDataPane.jsx
@@ -186,6 +186,7 @@ export const QueryDataPane = ({ darkMode }) => {
                 <AppPermissionsModal
                   modalType="query"
                   resourceId={selectedQuery?.id}
+                  resourceName={selectedQuery?.name}
                   showModal={showQueryPermissionModal}
                   toggleModal={toggleQueryPermissionModal}
                   darkMode={darkMode}