create feature

src/config/Paths.tsx

@@ -10,7 +10,8 @@ export const Paths = {
         list: '/order/list'
     },
     features: {
-        list: '/features/list'
+        list: '/features/list',
+        create: '/features/create'
     },
     home: '/home',
     myOrders: '/my-orders',

src/pages/Features/Create.tsx

@@ -0,0 +1,66 @@
+import Button from '@/components/Button'
+import Input from '@/components/Input'
+import Select from '@/components/Select'
+import { COLORS } from '@/constants/colors'
+import { Add, AddSquare } from 'iconsax-react'
+import { type FC } from 'react'
+
+const CreateFeature: FC = () => {
+    return (
+        <div className='mt-5'>
+            <div className='flex justify-between items-center'>
+                <h1 className='text-lg font-light'>ویژگی جدید</h1>
+
+                <Button
+                    className='w-fit px-6'
+                >
+                    <div className='flex gap-1.5'>
+                        <AddSquare size={18} color='black' />
+                        <div className='text-[13px] font-light'>ویژگی جدید</div>
+                    </div>
+                </Button>
+            </div>
+
+            <div className='mt-8 bg-white p-6 rounded-3xl '>
+                <div className='font-light'>
+                    اطلاعات ویژگی
+                </div>
+
+                <div className='mt-6'>
+                    <Input
+                        label='عنوان'
+                    />
+                </div>
+            </div>
+
+            <div className='mt-8 bg-white p-6 rounded-3xl '>
+                <div className='font-light'>
+                    آیتم ها
+                </div>
+
+                <div className='mt-6 rowTwoInput'>
+                    <Input
+                        label='عنوان'
+                    />
+                    <Select
+                        label='نوع ورودی'
+                        items={[]}
+                    />
+                </div>
+
+                <div className='mt-6 flex justify-end'>
+                    <Button
+                        className='w-fit px-6 bg-transparent border border-primary text-primary'
+                    >
+                        <div className='flex gap-1.5'>
+                            <Add size={18} color={COLORS.primary} />
+                            <div className='text-[13px] font-light'>افزودن آیتم</div>
+                        </div>
+                    </Button>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default CreateFeature

src/router/MainRouter.tsx

@@ -8,9 +8,9 @@ import ProformaInvoice from '@/pages/invoice/ProformaInvoice'
 import RequestList from '@/pages/requests/RequestList'
 import ProductList from '@/pages/product/List'
 import OrdersList from '@/pages/order/List'
-import FeaturesList from '@/pages/Features/List'
+import FeaturesList from '@/pages/features/List'
 import CreateProduct from '@/pages/product/Create'
-
+import CreateFeature from '@/pages/features/Create'
 const MainRouter: FC = () => {
     return (
         <div className='p-4 overflow-hidden'>
@@ -30,6 +30,7 @@ const MainRouter: FC = () => {
                             <Route path={Paths.product.create} element={<CreateProduct />} />
                             <Route path={Paths.order.list} element={<OrdersList />} />
                             <Route path={Paths.features.list} element={<FeaturesList />} />
+                            <Route path={Paths.features.create} element={<CreateFeature />} />
                         </Routes>
                     </div>
                 </div>