new order

2025-10-19 16:23:13 +03:30
parent f3df4ccfc2
commit 7158d427af
8 changed files with 387 additions and 2 deletions
@@ -1,8 +1,72 @@
+import Button from '@/components/Button'
+import Input from '@/components/Input'
+import Select from '@/components/Select'
+import UploadBox from '@/components/UploadBox'
+import VoiceRecorder from '@/components/VoiceRecorder'
+import { COLORS } from '@/constants/colors'
+import { AddSquare } from 'iconsax-react'
 import { type FC } from 'react'

 const NewOrder: FC = () => {
    return (
-        <div>NewOrder</div>
+        <div className='mt-5'>
+            <h1 className='text-lg font-light'>
+                سفارش جدید
+            </h1>
+
+            <div className='bg-white rounded-3xl p-6 mt-8'>
+                <div className='font-light'>اطلاعات  سفارش</div>
+
+                <div className='mt-6'>
+                    <Select
+                        items={[]}
+                        label='محصول'
+                        placeholder='انتخاب محصول'
+                    />
+                </div>
+
+                <div className='mt-6 rowTwoInput'>
+                    <Select
+                        items={[]}
+                        label='تعداد'
+                        placeholder='انتخاب'
+                    />
+
+                    <Input
+                        label='انتخاب دلخواه'
+                        placeholder='100'
+                    />
+                </div>
+
+                <div className='mt-6'>
+                    <VoiceRecorder
+                        label='پیام صوتی'
+                        onRecordingComplete={(blob) => {
+                            console.log('ضبط صدا تکمیل شد:', blob)
+                        }}
+                    />
+                </div>
+
+                <div className='mt-6'>
+                    <UploadBox
+                        label='فایل های ضبط شده'
+                    />
+                </div>
+
+                <div className='mt-6 flex justify-end'>
+                    <Button
+                        className='bg-transparent border border-primary text-primary w-fit px-6'
+                    >
+                        <div className='flex gap-1'>
+                            <AddSquare color={COLORS.primary} size={20} />
+                            <div>
+                                اضافه کردن
+                            </div>
+                        </div>
+                    </Button>
+                </div>
+            </div>
+        </div>
    )
 }