From e3ba1c59bf345d0b3f49741241cc19d4971552c9 Mon Sep 17 00:00:00 2001
From: Scott Wilson <scottraywilson@gmail.com>
Date: Wed, 30 Oct 2024 10:38:25 -0700
Subject: [PATCH] improvement: add search filter tooltip to quick search

---
 .../components/QuickSearchModal.tsx           | 33 ++++++++++---------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/frontend/src/views/SecretOverviewPage/components/SecretSearchInput/components/QuickSearchModal.tsx b/frontend/src/views/SecretOverviewPage/components/SecretSearchInput/components/QuickSearchModal.tsx
index 8d1afb39d..1a23bd718 100644
--- a/frontend/src/views/SecretOverviewPage/components/SecretSearchInput/components/QuickSearchModal.tsx
+++ b/frontend/src/views/SecretOverviewPage/components/SecretSearchInput/components/QuickSearchModal.tsx
@@ -27,7 +27,8 @@ import {
   ModalContent,
   Spinner,
   Table,
-  TableContainer
+  TableContainer,
+  Tooltip
 } from "@app/components/v2";
 import { useDebounce } from "@app/hooks";
 import { useGetProjectSecretsQuickSearch } from "@app/hooks/api/dashboard";
@@ -116,20 +117,22 @@ const Content = ({
           }
         />
         <DropdownMenu>
-          <DropdownMenuTrigger asChild>
-            <IconButton
-              variant="outline_bg"
-              ariaLabel="Filter secrets by tag(s)"
-              className={twMerge(
-                "transition-all",
-                (Object.keys(filterTags).length ||
-                  Object.values(showFilter).some((show) => !show)) &&
-                  "border-primary/50 text-primary"
-              )}
-            >
-              <FontAwesomeIcon icon={faFilter} />
-            </IconButton>
-          </DropdownMenuTrigger>
+          <Tooltip content="Search Filters">
+            <DropdownMenuTrigger asChild>
+              <IconButton
+                variant="outline_bg"
+                ariaLabel="Filter secrets by tag(s)"
+                className={twMerge(
+                  "transition-all",
+                  (Object.keys(filterTags).length ||
+                    Object.values(showFilter).some((show) => !show)) &&
+                    "border-primary/50 text-primary"
+                )}
+              >
+                <FontAwesomeIcon icon={faFilter} />
+              </IconButton>
+            </DropdownMenuTrigger>
+          </Tooltip>
           <DropdownMenuContent align="end" className="p-0">
             <DropdownMenuLabel>Filter By</DropdownMenuLabel>
             <DropdownMenuItem