add service part 1

2025-01-23 10:40:02 +03:30
parent 73a385a031
commit b9b2283ba4
8 changed files with 115 additions and 7 deletions
@@ -0,0 +1,67 @@
+import { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import Input from '../../components/Input'
+import Select from '../../components/Select'
+
+const AddService: FC = () => {
+
+    const { t } = useTranslation('global')
+
+
+    return (
+        <div className='w-full flex gap-6 mt-4'>
+            <div className='flex-1'>
+                <div>
+                    {t('service.add_service')}
+                </div>
+
+                <div className='flex-1 mt-10 bg-white py-8 xl:px-10 px-4 rounded-3xl'>
+                    <Input
+                        label={t('service.service_name')}
+                    />
+                    <div className='mt-8'>
+                        <Input
+                            label={t('service.description_short')}
+                        />
+                    </div>
+
+                    <div className='mt-8 rowTwoInput'>
+                        <Input
+                            label={t('service.company_developed')}
+                        />
+                        <Input
+                            label={t('service.year_make')}
+                        />
+                    </div>
+
+                    <div className='mt-8 rowTwoInput'>
+                        <Input
+                            label={t('service.user_count')}
+                        />
+
+                        <Select
+                            label={t('service.lang_app')}
+                            items={[
+                                {
+                                    label: 'فارسی',
+                                    value: ''
+                                }
+                            ]}
+                            placeholder={t('select')}
+                        />
+                    </div>
+
+                    <div className='mt-8'>
+
+                    </div>
+                </div>
+            </div>
+
+            <div className='bg-white w-sidebar text-xs hidden 2xl:block h-fit px-5 py-7 rounded-3xl'>
+
+            </div>
+        </div>
+    )
+}
+
+export default AddService