diff --git a/components/image/image-card.tsx b/components/image/image-card.tsx
index 44b8c48..ece86c4 100644
--- a/components/image/image-card.tsx
+++ b/components/image/image-card.tsx
@@ -20,6 +20,7 @@ export default function ImageCard() {
   const [page] = useState(1);
   const [showData] = useState("6");
   const [search] = useState("");
+  const [selectedCategory, setSelectedCategory] = useState<number | null>(null);
 
   async function initState() {
     const req = {
@@ -29,6 +30,8 @@ export default function ImageCard() {
       categorySlug: "",
       sort: "desc",
       isPublish: true,
+      title: search,
+      categoryId: selectedCategory,
       sortBy: "created_at",
     };