From 1351fbd792c970672144823b522e1c4eb9eca0df Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Tue, 21 Oct 2025 11:36:16 +0330
Subject: [PATCH] create feature

---
 src/config/Paths.tsx          |  3 +-
 src/pages/Features/Create.tsx | 66 +++++++++++++++++++++++++++++++++++
 src/router/MainRouter.tsx     |  5 +--
 3 files changed, 71 insertions(+), 3 deletions(-)
 create mode 100644 src/pages/Features/Create.tsx

diff --git a/src/config/Paths.tsx b/src/config/Paths.tsx
index c9aee8a..add54a6 100644
--- a/src/config/Paths.tsx
+++ b/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',
diff --git a/src/pages/Features/Create.tsx b/src/pages/Features/Create.tsx
new file mode 100644
index 0000000..23d82cf
--- /dev/null
+++ b/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
\ No newline at end of file
diff --git a/src/router/MainRouter.tsx b/src/router/MainRouter.tsx
index 922f1a6..e671bc9 100644
--- a/src/router/MainRouter.tsx
+++ b/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>