feat: adjust for filter search

src/api/pets.ts

@@ -1,16 +1,31 @@
+
+
 import useAuthStore from "@/store/authStore";
 import { Meta } from "@/types/common";
 import { Pet } from "@/types/pets";
 import axios from "axios";
 
+
 interface PetsResponse {
  pets: Pet[];
  metadata: Meta;
 }
 
-const getPets = async () => {
+interface GetPetsFilter {
+ type?: string;
+ gender?: string;
+ color?: string;
+ minAge?: number;
+ maxAge?: number;
+}
+
+
+const getPets = async (filters: GetPetsFilter) => {
+
+ const queryParams = new URLSearchParams(filters as any).toString();
+
  const response = await axios.get<PetsResponse>(
- `${import.meta.env.VITE_API_URL}/pets`
+ `${import.meta.env.VITE_API_URL}/pets${queryParams}`
  );
  return response.data;
 };
@@ -40,4 +55,4 @@ const postPet = async (data: postPetRequest): Promise<postPetResponse> => {
 };
 
 export { getPets, postPet };
-export type { PetsResponse, postPetRequest, postPetResponse };
+export type { PetsResponse, postPetRequest, postPetResponse, GetPetsFilter };

src/hooks/queries/usePetsQuery.ts

@@ -1,12 +1,13 @@
-import { PetsResponse, getPets } from "@/api/pets";
+import { PetsResponse, getPets, GetPetsFilter } from "@/api/pets";
 import { useQuery } from "@tanstack/react-query";
 
-const usePetsQuery = () => {
+
+const usePetsQuery = (filters?: GetPetsFilter) => {
  return useQuery<PetsResponse>({
- queryKey: ["pets"],
- queryFn: () => getPets(),
+ queryKey: ["pets", filters],
+ queryFn: () => getPets(filters || {}),
  enabled: true,
  });
 };
 
-export { usePetsQuery };
+export { usePetsQuery };