check responsive & page dashboard user account & turns & transactions & comments

2024-09-03 03:04:55 +03:30
parent bb154ac63f
commit 13cc7796c3
55 changed files with 1887 additions and 92 deletions
@@ -0,0 +1,56 @@
+import { useState } from "react";
+import Form from "./Form";
+import { Button } from "@mui/material";
+import ArrowLeftWhiteD from "@/components/icons/ArrowLeftWhiteD";
+
+function DetailUser({ user }) {
+
+    const [data, setData] = useState({
+        phone: { value: user.phone, isEdit: false },
+        national_code: { value: user.national_code, isEdit: false },
+        name: { value: user.name, isEdit: false },
+        date_of_birth: { value: user.date_of_birth, isEdit: false },
+        father_name: { value: user.father_name, isEdit: false },
+        insurance_number: { value: user.insurance_number, isEdit: false },
+        home_phone: { value: user.home_phone, isEdit: false },
+        work_phone: { value: user.work_phone, isEdit: false },
+    });
+    const [selected, setSelected] = useState({
+        gender: '',
+        blood_group: '',
+        insurance: '',
+        marital_status: '',
+        education: '',
+        job: '',
+    });
+
+    const changeData = (value, type, name) =>
+        setData({
+            ...data,
+            [name]: {
+                ...data[name],
+                [type]: value
+            }
+        });
+
+    const updateSelect = (event, name) => setSelected({ ...selected, [name]: event.target.innerText })
+
+    return (
+        <div className="opacity-page">
+            <Form
+                data={data}
+                selected={selected}
+                changeData={changeData}
+                updateSelect={updateSelect}
+            />
+            <Button
+                className="!gap-[4px] !mr-auto !text-nowrap !flex !mt-[48px] !flex-nowrap !py-[8px] !px-[24px] !bg-[#5559CE] !rounded-[4px] !text-[#EFEFEF] !text-[16px] !font-medium"
+            >
+                ثبت اطلاعات
+                <ArrowLeftWhiteD />
+            </Button>
+        </div>
+    )
+}
+
+export default DetailUser