design and handle modal add, edit and delete in all tabs dashboard & change list & update data profile_other

2025-05-30 02:22:10 +03:30
parent e12e6c171c
commit 0969eca274
28 changed files with 1108 additions and 337 deletions
@@ -0,0 +1,55 @@
+import FieldLabel from "@/components/contactUs/FieldLabel";
+import Field from "@/app/component/Field";
+
+function Content({ setData, data }) {
+  const handleChange = (name, value) =>
+    setData((prev) => ({ ...prev, [name]: value }));
+  console.log(data);
+
+  return (
+    <div className="mt-[32px] md:mt-[36px] lg:mt-[40px] flex flex-col gap-[24px] md:gap-[28px] lg:gap-[32px] px-0 sm:px-[52px]">
+      <FieldLabel title="نام">
+        <Field
+          title=""
+          type="text"
+          name="name"
+          isPlaceHolder={true}
+          value={data?.name}
+          handleChange={handleChange}
+        />
+      </FieldLabel>
+      <FieldLabel title="نسبت">
+        <Field
+          title=""
+          type="text"
+          name="relation"
+          isPlaceHolder={true}
+          value={data?.relation}
+          handleChange={handleChange}
+        />
+      </FieldLabel>
+      <FieldLabel title="شماره تماس">
+        <Field
+          title=""
+          type="number"
+          name="phone"
+          isPlaceHolder={true}
+          value={Number(data?.phone.replace(/^\+/, ""))}
+          handleChange={handleChange}
+        />
+      </FieldLabel>
+      <FieldLabel title="آدرس">
+        <Field
+          title=""
+          type="text"
+          name="address"
+          isPlaceHolder={true}
+          value={data?.address}
+          handleChange={handleChange}
+        />
+      </FieldLabel>
+    </div>
+  );
+}
+
+export default Content;