list of sections

src/pages/print/List.tsx

@@ -3,7 +3,8 @@ import { useGetSections } from './hooks/usePrintData'
 import { Link } from 'react-router-dom'
 import { Paths } from '@/config/Paths'
 import Button from '@/components/Button'
-import { AddSquare } from 'iconsax-react'
+import { AddSquare, More2 } from 'iconsax-react'
+import Table from '@/components/Table'
 
 const SectionList: FC = () => {
 
@@ -28,6 +29,32 @@ const SectionList: FC = () => {
                 </Link>
             </div>
 
+            <Table
+                data={data?.data}
+                columns={[
+                    {
+                        key: 'title',
+                        title: 'عنوان'
+                    },
+                    {
+                        key: 'order',
+                        title: 'ترتیب'
+                    },
+                    {
+                        key: 'attribute',
+                        title: 'ویژگی ها',
+                        render: (item) => {
+                            return (
+                                <Link to={Paths.formBuilder.list + item.id + `/print`} className='flex text-[#0037FF] gap-2 items-center'>
+                                    <More2 size={18} color='#0037FF' />
+                                    <div className='text-[13px]'>ویژگی ها</div>
+                                </Link>
+                            )
+                        }
+                    },
+                ]}
+            />
+
         </div>
     )
 }