change design all page & component page booking and account & cleancode

2024-09-01 20:43:53 +03:30
parent 2afd79b84d
commit bb154ac63f
46 changed files with 685 additions and 523 deletions
@@ -0,0 +1,36 @@
+import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect";
+import EditField from "./EditField";
+import Content from "./Content";
+
+const bime = [
+    { label: 'بیمه 1', id: 10 },
+    { label: 'بیمه 2', id: 20 },
+    { label: 'بیمه 3', id: 30 }
+];
+
+function Form({ changeData, data, updateSelect, isForAnother }) {
+    return (
+        <div className="grid mt-[12px] sm:mt-[14px] md:mt-[17px] lg:mt-[20px] items-start 
+        justify-center gap-x-[24px] gap-y-[12px] md:gap-y-[14px] lg:gap-y-[16px] grid-cols-1 sm:grid-cols-2">
+            <Content title='شماره موبایل' isConfirmed={isForAnother ? false : true}>
+                <EditField changeData={changeData} data={data?.phone} name='phone' />
+            </Content>
+            <Content title='کد ملی'>
+                <EditField changeData={changeData} data={data?.codemeli} name='codemeli' />
+            </Content>
+            <Content title='نام و نام خانوادگی'>
+                <EditField changeData={changeData} data={data?.name} name='name' />
+            </Content>
+            <Content title='نوع بیمه'>
+                <AutoCompleteSelect
+                    updateData={updateSelect}
+                    label='نوع بیمه'
+                    name='first'
+                    list={bime}
+                />
+            </Content>
+        </div>
+    )
+}
+
+export default Form