From a7053fd9b5ec3f4940c0ff03dd664a03bb659bae Mon Sep 17 00:00:00 2001
From: Varun Choudhary <68095256+Varun-Choudhary@users.noreply.github.com>
Date: Thu, 30 Mar 2023 11:56:04 +0530
Subject: [PATCH] console: fix quick add dropdown of add operation from
 allow-list

PR-URL: https://github.com/hasura/graphql-engine-mono/pull/8548
GitOrigin-RevId: 3b90caf1c7d0a36176a2708609b976f833f1be77
---
 .../components/QueryCollectionOperationDialog/QuickAdd.tsx    | 1 +
 .../src/lib/new-components/DropdownMenu/DropdownMenu.tsx      | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/libs/console/legacy-ce/src/lib/features/QueryCollections/components/QueryCollectionOperationDialog/QuickAdd.tsx b/frontend/libs/console/legacy-ce/src/lib/features/QueryCollections/components/QueryCollectionOperationDialog/QuickAdd.tsx
index be61fc58a72..308a9d1f2e5 100644
--- a/frontend/libs/console/legacy-ce/src/lib/features/QueryCollections/components/QueryCollectionOperationDialog/QuickAdd.tsx
+++ b/frontend/libs/console/legacy-ce/src/lib/features/QueryCollections/components/QueryCollectionOperationDialog/QuickAdd.tsx
@@ -134,6 +134,7 @@ export const QuickAdd = (props: QuickAddProps) => {
             className: 'z-[101]',
           },
         }}
+        zIndex="z-[102]"
         items={[
           [...quickOperations, ...graphiqlQueries].map(operation => (
             <div
diff --git a/frontend/libs/console/legacy-ce/src/lib/new-components/DropdownMenu/DropdownMenu.tsx b/frontend/libs/console/legacy-ce/src/lib/new-components/DropdownMenu/DropdownMenu.tsx
index 52017c7d1b3..5fdc9b18ec9 100644
--- a/frontend/libs/console/legacy-ce/src/lib/new-components/DropdownMenu/DropdownMenu.tsx
+++ b/frontend/libs/console/legacy-ce/src/lib/new-components/DropdownMenu/DropdownMenu.tsx
@@ -53,12 +53,14 @@ export interface DropdownMenuProps {
     portal?: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>;
   };
   items: React.ReactNode[][];
+  zIndex?: string;
 }
 
 export const DropdownMenu: React.FC<DropdownMenuProps> = ({
   children,
   items,
   options,
+  zIndex = 'z-[101]',
 }) => (
   <DropdownMenuPrimitive.Root {...options?.root}>
     <DropdownMenuTrigger {...options?.trigger}>{children}</DropdownMenuTrigger>
@@ -66,7 +68,7 @@ export const DropdownMenu: React.FC<DropdownMenuProps> = ({
       <DropdownMenuPrimitive.Content
         align="start"
         {...options?.content}
-        className="z-[101]"
+        className={zIndex}
       >
         <div className="origin-top-left absolute left-0 z-10 mt-xs w-max rounded shadow-md bg-white ring-1 ring-gray-300 divide-y divide-gray-300 focus:outline-none">
           {items.map((group, groupIndex) => (