From ad0c4738421c3e88d3fa6c9ebde57516c10209a9 Mon Sep 17 00:00:00 2001
From: xtian7489 <xtian7489@gmail.com>
Date: Fri, 25 Oct 2024 17:47:43 -0300
Subject: [PATCH] fix filter

---
 src/app/page.jsx                           | 6 +++++-
 src/components/admin/asset/asset-serch.jsx | 4 ++--
 src/lib/utils/constants.js                 | 6 +++---
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/app/page.jsx b/src/app/page.jsx
index c7336c0..d4de1c9 100644
--- 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
index 169b94c..29563c3 100644
--- 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
index 6b56b7d..fa3e039 100644
--- 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 = [