awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-09 18:28:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

improvement: add search filter tooltip to quick search

Browse Source
This commit is contained in:
Scott Wilson
2024-10-30 10:38:25 -07:00
parent 21ea7dd317
commit e3ba1c59bf
1 changed files with 18 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/SecretOverviewPage/components/SecretSearchInput/components/QuickSearchModal.tsx
+18 -15
View File
@@ -27,7 +27,8 @@ import {
ModalContent, ModalContent,
Spinner, Spinner,
Table, Table,
TableContainer TableContainer,
Tooltip
} from "@app/components/v2"; } from "@app/components/v2";
import { useDebounce } from "@app/hooks"; import { useDebounce } from "@app/hooks";
import { useGetProjectSecretsQuickSearch } from "@app/hooks/api/dashboard"; import { useGetProjectSecretsQuickSearch } from "@app/hooks/api/dashboard";
@@ -116,20 +117,22 @@ const Content = ({
} }
/> />
<DropdownMenu> <DropdownMenu>
<DropdownMenuTrigger asChild> <Tooltip content="Search Filters">
<IconButton <DropdownMenuTrigger asChild>
variant="outline_bg" <IconButton
ariaLabel="Filter secrets by tag(s)" variant="outline_bg"
className={twMerge( ariaLabel="Filter secrets by tag(s)"
"transition-all", className={twMerge(
(Object.keys(filterTags).length || "transition-all",
Object.values(showFilter).some((show) => !show)) && (Object.keys(filterTags).length ||
"border-primary/50 text-primary" Object.values(showFilter).some((show) => !show)) &&
)} "border-primary/50 text-primary"
> )}
<FontAwesomeIcon icon={faFilter} /> >
</IconButton> <FontAwesomeIcon icon={faFilter} />
</DropdownMenuTrigger> </IconButton>
</DropdownMenuTrigger>
</Tooltip>
<DropdownMenuContent align="end" className="p-0"> <DropdownMenuContent align="end" className="p-0">
<DropdownMenuLabel>Filter By</DropdownMenuLabel> <DropdownMenuLabel>Filter By</DropdownMenuLabel>
<DropdownMenuItem <DropdownMenuItem