list of category

.env

@@ -1,3 +1,3 @@
-VITE_API_BASE_URL = 'http://172.27.64.88:4000'
+VITE_API_BASE_URL = 'http://10.241.118.88:4000'
 VITE_TOKEN_NAME = 'negareh_t'
 VITE_REFRESH_TOKEN_NAME = 'negareh_rt'

src/pages/product/category/List.tsx

@@ -1,23 +1,55 @@
 import { type FC } from 'react'
 import { useGetCategory } from '../hooks/useProductData'
 import Table from '@/components/Table'
-import type { RowDataType } from '@/components/types/TableTypes'
+import type { ColumnType, RowDataType } from '@/components/types/TableTypes'
 import type { CategoryType } from '../types/Types'
+import { Edit } from 'iconsax-react'
 
 const CategoryList: FC = () => {
 
     const { data } = useGetCategory()
 
-    const column = [{
+    const column: ColumnType<CategoryType>[] = [
-        title: 'عنوان',
+        {
-        key: 'title',
+            title: 'عنوان',
-    }]
+            key: 'title',
+        },
+        {
+            title: 'تعداد زیر درسته',
+            key: 'children',
+            render: (item) => {
+                return (
+                    <div>{item.children?.length}</div>
+                )
+            }
+        },
+        {
+            title: 'اولویت',
+            key: 'order'
+        },
+        {
+            title: '',
+            key: 'action',
+            render: () => {
+                return (
+                    <div className='flex items-center gap-2'>
+                        <Edit
+                            size={20}
+                            color='#8C90A3'
+                        />
+
+
+                    </div>
+                )
+            }
+        }
+    ]
 
     return (
         <div className='mt-5'>
             <h1 className='text-lg font-light'>دسته بندی محصولات</h1>
 
-            <Table
+            <Table<CategoryType & RowDataType>
                 columns={column}
                 data={data?.data || [] as (CategoryType & RowDataType)[]}
             />