From 484e7d9908910ec2216b5ba1a0beb527255c47b8 Mon Sep 17 00:00:00 2001 From: Domey Benjamin Date: Fri, 21 Feb 2025 12:33:36 +0000 Subject: [PATCH] chore: added filters for visual page --- apps/client/app/modules/search/visual/index.tsx | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/apps/client/app/modules/search/visual/index.tsx b/apps/client/app/modules/search/visual/index.tsx index f27a9f6..708b3fd 100644 --- a/apps/client/app/modules/search/visual/index.tsx +++ b/apps/client/app/modules/search/visual/index.tsx @@ -1,5 +1,5 @@ import { ArrowPathIcon } from "@heroicons/react/24/outline"; -import { useParams } from "@remix-run/react"; +import { useParams, useSearchParams } from "@remix-run/react"; import { FiltersDialog } from "../components/filters-dialog/index.tsx"; import { VisualHeader } from "./components/header.tsx"; import { useSearchVisualContents } from "@/api/contents/index.ts"; @@ -14,19 +14,23 @@ import { Loader } from "@/components/loader/index.tsx"; import { NoSearchResultLottie } from "@/components/lotties/no-search-results.tsx"; import { PAGES } from "@/constants/index.ts"; import { useDisclosure } from "@/hooks/use-disclosure.tsx"; +import { validateLicense, validateOrientation } from "@/lib/misc.ts"; import { safeString } from "@/lib/strings.ts"; export function SearchVisualModule() { const filterModalState = useDisclosure() const { query: queryParam } = useParams() + const [searchParams] = useSearchParams(); const searchQuery = safeString(queryParam) const { data, isPending, isError } = useSearchVisualContents({ query: { pagination: { page: 0, per: 50 }, filters: { - mediaKey: safeString(queryParam) + mediaKey: safeString(queryParam), + license: validateLicense(safeString(searchParams.get('license'))), + orientation: validateOrientation(safeString(searchParams.get('orientation'))), }, populate: ['content.createdBy'], },