create data bank and component list

This commit is contained in:
Ehsan
2024-10-10 02:50:58 +03:30
parent 2a98790ffd
commit 66d3395f59
5 changed files with 38 additions and 4 deletions
+2 -1
View File
@@ -1,8 +1,9 @@
import UserAccountPage from "@/components/panel/userAccount"; import UserAccountPage from "@/components/panel/userAccount";
import Information from "@/data/information.json"; import Information from "@/data/information.json";
import Bank from "@/data/bank.json";
function UserAccount() { function UserAccount() {
return <UserAccountPage data={Information} />; return <UserAccountPage data={{information: Information, bank: Bank}} />;
} }
export default UserAccount; export default UserAccount;
@@ -0,0 +1,9 @@
import React from 'react'
function List() {
return (
<div>List</div>
)
}
export default List
+5 -1
View File
@@ -1,9 +1,13 @@
import Head from "./head"; import Head from "./head";
import List from "./List";
function Bank({ data }) {
console.log(data);
function Bank() {
return ( return (
<div> <div>
<Head /> <Head />
<List />
</div> </div>
); );
} }
+2 -2
View File
@@ -7,12 +7,12 @@ import Tab from "./Tab";
const listTab = ["حساب کاربری", "حساب بانکی"]; const listTab = ["حساب کاربری", "حساب بانکی"];
function UserAccountPage() { function UserAccountPage({data}) {
const [value, setValue] = useState(1); const [value, setValue] = useState(1);
const handleChange = (event, newValue) => setValue(newValue); const handleChange = (event, newValue) => setValue(newValue);
const components = [<Account />, <Bank />]; const components = [<Account />, <Bank data={data.bank} />];
return ( return (
<div <div
+20
View File
@@ -0,0 +1,20 @@
[
{
"card_number": "6037154532659987",
"shaba_number": "IR502229107590758200000000",
"bank": "مسکن",
"status": true
},
{
"card_number": "6037154532659987",
"shaba_number": "IR502229107590758200000000",
"bank": "مسکن",
"status": false
},
{
"card_number": "6037154532659987",
"shaba_number": "IR502229107590758200000000",
"bank": "مسکن",
"status": false
}
]