modal add card in page bank-account

2024-10-10 03:21:31 +03:30
parent d404180b92
commit 81e07a5f43
12 changed files with 70 additions and 10 deletions
@@ -0,0 +1,49 @@
+import ContentText from "@/app/component/ContentText";
+import EditField from "@/app/component/EditField";
+import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect";
+
+const list = [
+  { label: "بانک 1", id: 10 },
+  { label: "بانک 2", id: 20 },
+  { label: "بانک 3", id: 30 },
+  { label: "بانک 4", id: 40 },
+];
+
+function Form({ data, changeData }) {
+  return (
+    <div className="mt-[40px] flex flex-col gap-[32px] px-[52px]">
+      <ContentText text="شماره کارت">
+        <EditField
+          isTransparent={true}
+          placeholder="شماره کارت خود را بنویسید..."
+          iconGray={true}
+          changeData={changeData}
+          data={data.card}
+          noDisable={true}
+          name="card"
+        />
+      </ContentText>
+      <ContentText text="شماره شبا">
+        <EditField
+          isTransparent={true}
+          placeholder="شماره شبا خود را بنویسید..."
+          iconGray={true}
+          changeData={changeData}
+          data={data.shaba}
+          noDisable={true}
+          name="card"
+        />
+      </ContentText>
+      <ContentText text="بانک">
+        <AutoCompleteSelect
+          updateData={changeData}
+          label="انتخاب بانک...."
+          name="bank"
+          list={list}
+        />
+      </ContentText>
+    </div>
+  );
+}
+
+export default Form;