deisgn page account bank header

2024-10-09 20:20:03 +03:30
parent c1898eb654
commit 2a98790ffd
10 changed files with 150 additions and 7 deletions
@@ -1,7 +1,19 @@
-import Form from "./form";
-import Head from "./Head";
+"use client";
+
+import { useState } from "react";
+import Account from "./account";
+import Bank from "./bank";
+import Tab from "./Tab";
+
+const listTab = ["حساب کاربری", "حساب بانکی"];
+
+function UserAccountPage() {
+  const [value, setValue] = useState(1);
+
+  const handleChange = (event, newValue) => setValue(newValue);
+
+  const components = [<Account />, <Bank />];

-function UserAccountPage({ data }) {
  return (
    <div
      className="
@@ -10,8 +22,8 @@ function UserAccountPage({ data }) {
        px-0 sm:px-[14px] md:px-[24px] lg:px-[44px] xl:px-[112px] dark:shadow-[0px_4px_25px_10px_#1F1D2B] dark:bg-transparent md:dark:bg-[#222433]
      "
    >
-      <Head />
-      <Form />
+      <Tab listTab={listTab} handleChange={handleChange} value={value} />
+      <div className="mt-[22px]">{components[value]}</div>
    </div>
  );
 }