feat: unis and product detail

src/services/mutations/units.ts

@@ -0,0 +1,60 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query'
+import { toast } from 'react-toastify'
+import { UnitRequest } from '../../types/services/unit'
+import { api } from '../api'
+
+export const useUnitsMutation = {
+  createUnit: () => {
+    const queryClient = useQueryClient()
+
+    return useMutation({
+      mutationFn: async (newUnit: UnitRequest) => {
+        const response = await api.post('/units', newUnit)
+        return response.data
+      },
+      onSuccess: () => {
+        toast.success('Unit created successfully!')
+        queryClient.invalidateQueries({ queryKey: ['units'] })
+      },
+      onError: (error: any) => {
+        toast.error(error.response?.data?.errors?.[0]?.cause || 'Create failed')
+      }
+    })
+  },
+
+  updateUnit: () => {
+    const queryClient = useQueryClient()
+
+    return useMutation({
+      mutationFn: async ({ id, payload }: { id: string; payload: UnitRequest }) => {
+        const response = await api.put(`/units/${id}`, payload)
+        return response.data
+      },
+      onSuccess: () => {
+        toast.success('Unit updated successfully!')
+        queryClient.invalidateQueries({ queryKey: ['units'] })
+      },
+      onError: (error: any) => {
+        toast.error(error.response?.data?.errors?.[0]?.cause || 'Update failed')
+      }
+    })
+  },
+
+  deleteUnit: () => {
+    const queryClient = useQueryClient()
+
+    return useMutation({
+      mutationFn: async (id: string) => {
+        const response = await api.delete(`/units/${id}`)
+        return response.data
+      },
+      onSuccess: () => {
+        toast.success('Unit deleted successfully!')
+        queryClient.invalidateQueries({ queryKey: ['units'] })
+      },
+      onError: (error: any) => {
+        toast.error(error.response?.data?.errors?.[0]?.cause || 'Delete failed')
+      }
+    })
+  }
+}

src/services/queries/units.ts

@@ -0,0 +1,39 @@
+import { useQuery } from '@tanstack/react-query'
+import { Units } from '../../types/services/unit'
+import { api } from '../api'
+
+interface UnitsQueryParams {
+  page?: number
+  limit?: number
+  search?: string
+}
+
+export const useUnitsQuery = {
+  getUnits: (params: UnitsQueryParams = {}) => {
+    const { page = 1, limit = 10, search = '', ...filters } = params
+
+    return useQuery<Units>({
+      queryKey: ['units', { page, limit, search, ...filters }],
+      queryFn: async () => {
+        const queryParams = new URLSearchParams()
+
+        queryParams.append('page', page.toString())
+        queryParams.append('limit', limit.toString())
+
+        if (search) {
+          queryParams.append('search', search)
+        }
+
+        // Add other filters
+        Object.entries(filters).forEach(([key, value]) => {
+          if (value !== undefined && value !== null && value !== '') {
+            queryParams.append(key, value.toString())
+          }
+        })
+
+        const res = await api.get(`/units?${queryParams.toString()}`)
+        return res.data.data
+      },
+    })
+  }
+}