delete foods

src/pages/food/List.tsx

@@ -3,7 +3,7 @@ import Table from '@/components/Table'
 import Filters from '@/components/Filters'
 import { Add } from 'iconsax-react'
 import Button from '@/components/Button'
-import { useGetFoods } from './hooks/useFoodData'
+import { useGetFoods, useDeleteFood } from './hooks/useFoodData'
 import { useFoodFilters } from './hooks/useFoodFilters'
 import { getFoodTableColumns } from './components/FoodTableColumns'
 import { useFoodFiltersFields } from './components/FoodFiltersFields'
@@ -21,9 +21,13 @@ const FoodsList: FC = () => {
     } = useFoodFilters()
 
     const { data: foodsData, isLoading } = useGetFoods(apiParams)
+    const { mutate: deleteFood, isPending: isDeleting } = useDeleteFood()
 
     const foods = foodsData?.data || []
-    const columns = getFoodTableColumns()
+    const columns = getFoodTableColumns({
+        onDelete: (id: string) => deleteFood(id),
+        isDeleting
+    })
     const filterFields = useFoodFiltersFields()
 
     const totalPages = Math.ceil(foods.length / limit) || 1