update food

src/pages/food/components/FoodTableColumns.tsx

@@ -3,6 +3,8 @@ import type { ColumnType } from '@/components/types/TableTypes'
 import type { Food } from '../types/Types'
 import { formatPrice, formatTime } from '../utils/formatters'
 import Status from '@/components/Status'
+import { Link } from 'react-router-dom'
+import { Pages } from '@/config/Pages'
 
 export const getFoodTableColumns = (): ColumnType<Food>[] => {
     return [
@@ -63,11 +65,11 @@ export const getFoodTableColumns = (): ColumnType<Food>[] => {
         {
             key: 'view',
             title: '',
-            render: () => {
+            render: (item: Food) => {
                 return (
-                    <div className='flex gap-2 items-center'>
+                    <Link to={Pages.foods.update + item.id} className='flex gap-2 items-center'>
                         <Eye size={20} color='#8C90A3' />
-                    </div>
+                    </Link>
                 )
             }
         },