fixed search bar with folders

This commit is contained in:
Vladyslav Matsiiako
2024-04-05 18:37:12 -07:00
parent ba1f8f4564
commit 94d509eb01
2 changed files with 4 additions and 2 deletions
@@ -313,6 +313,7 @@ export const SecretMainPage = () => {
workspaceId={workspaceId} workspaceId={workspaceId}
secretPath={secretPath} secretPath={secretPath}
sortDir={sortDir} sortDir={sortDir}
searchTerm={filter.searchFilter}
/> />
{canReadSecret && ( {canReadSecret && (
<DynamicSecretListView <DynamicSecretListView
@@ -20,12 +20,14 @@ type Props = {
workspaceId: string; workspaceId: string;
secretPath?: string; secretPath?: string;
sortDir: SortDir; sortDir: SortDir;
searchTerm?: string;
}; };
export const FolderListView = ({ export const FolderListView = ({
folders = [], folders = [],
environment, environment,
workspaceId, workspaceId,
searchTerm,
secretPath = "/", secretPath = "/",
sortDir = SortDir.ASC sortDir = SortDir.ASC
}: Props) => { }: Props) => {
@@ -35,8 +37,6 @@ export const FolderListView = ({
] as const); ] as const);
const router = useRouter(); const router = useRouter();
const { mutateAsync: updateFolder } = useUpdateFolder(); const { mutateAsync: updateFolder } = useUpdateFolder();
const { mutateAsync: deleteFolder } = useDeleteFolder(); const { mutateAsync: deleteFolder } = useDeleteFolder();
@@ -100,6 +100,7 @@ export const FolderListView = ({
return ( return (
<> <>
{folders {folders
.filter(({ name }) => name.toUpperCase().includes(String(searchTerm?.toUpperCase())))
.sort((a, b) => .sort((a, b) =>
sortDir === SortDir.ASC sortDir === SortDir.ASC
? a.name.toLowerCase().localeCompare(b.name.toLowerCase()) ? a.name.toLowerCase().localeCompare(b.name.toLowerCase())