fix filter

DemocraciaEnRed · Oct 25, 2024 · ad0c473 · ad0c473
1 parent 1e65c79
commit ad0c473
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/src/app/page.jsx b/src/app/page.jsx
@@ -6,11 +6,15 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import AssetListHome from "@/components/home/asset-list-home";
 import BannerHome from "@/components/home/banner";
 import DownloadButton from "@/components/admin/asset/download-button";
+import { assetDestination } from "@/lib/utils/constants";
 
 export const dynamic = "force-dynamic";
 
 export default function Home({ searchParams: { estado, search, page } }) {
-  const destination = estado;
+  const destination = estado
+    ? assetDestination.find((destination) => destination.slug === estado).value
+    : null;
+
   return (
     <div>
       <BannerHome />

diff --git a/src/components/admin/asset/asset-serch.jsx b/src/components/admin/asset/asset-serch.jsx
@@ -18,7 +18,7 @@ const AssetSerch = () => {
   const router = useRouter();
   const pathname = usePathname();
   const searchParams = useSearchParams();
-  const [filter, setFilter] = useState("todos");
+  const [filter, setFilter] = useState(searchParams.get("estado") || "todos");
   const [searchValue, setSearchValue] = useState(
     searchParams.get("search") || ""
   );
@@ -54,6 +54,7 @@ const AssetSerch = () => {
   };
 
   const handleFilter = (value) => {
+    setFilter(value);
     const params = new URLSearchParams(searchParams.entries());
 
     if (!value) {
@@ -66,7 +67,6 @@ const AssetSerch = () => {
     const query = estado ? `?${estado}` : "";
 
     router.push(`${pathname}${query}`);
-    setFilter(value);
   };
 
   return (

diff --git a/src/lib/utils/constants.js b/src/lib/utils/constants.js
@@ -74,9 +74,9 @@ export const fieldsInputTypes = [
 ];
 
 export const assetDestination = [
-    { value: 'auction', name: 'Subasta' },
-    { value: 'reuse', name: 'Reutilización' },
-    { value: 'Testing', name: 'Objeto de prueba' }
+    { value: 'auction', name: 'Subasta', slug: 'subasta' },
+    { value: 'reuse', name: 'Reutilización', slug: 'reutilizacion' },
+    { value: 'Testing', name: 'Objeto de prueba', slug: 'objeto-de-prueba' }
 ]
 
 export const actorType = [