feat: Account Page

This commit is contained in:
sonnguyenkieio
2021-09-07 15:33:42 +07:00
parent dcafcba48b
commit db1efeada2
5 changed files with 103 additions and 64 deletions

View File

@@ -13,16 +13,6 @@ interface AccountPageProps {
const AccountPage = ({} : AccountPageProps) => {
const waiting = [
{
id: "NO 123456",
products: ["Tomato", "Fish", "Pork", "Onion"],
totalPrice : 1000
},
{
id: "NO 123456",
products: ["Tomato", "Fish", "Pork", "Onion"],
totalPrice : 1000
},
{
id: "NO 123456",
products: ["Tomato", "Fish", "Pork", "Onion"],
@@ -31,16 +21,6 @@ const AccountPage = ({} : AccountPageProps) => {
]
const delivering = [
{
id: "NO 123456",
products: ["Tomato", "Fish", "Pork", "Onion"],
totalPrice : 1000
},
{
id: "NO 123456",
products: ["Tomato", "Fish", "Pork", "Onion"],
totalPrice : 1000
},
{
id: "NO 123456",
products: ["Tomato", "Fish", "Pork", "Onion"],
@@ -49,16 +29,6 @@ const AccountPage = ({} : AccountPageProps) => {
]
const delivered = [
{
id: "NO 123456",
products: ["Tomato", "Fish", "Pork", "Onion"],
totalPrice : 1000
},
{
id: "NO 123456",
products: ["Tomato", "Fish", "Pork", "Onion"],
totalPrice : 1000
},
{
id: "NO 123456",
products: ["Tomato", "Fish", "Pork", "Onion"],
@@ -66,10 +36,12 @@ const AccountPage = ({} : AccountPageProps) => {
}
]
const account = {
let account = {
name: "vu duong",
email: "vuduong@gmail.com",
address: "234 Dien Bien Phu Bis, Dakao ward, District 1, HCMC",
address: "234 Dien Bien Phu Bis, Dakao ward",
state: "District 1",
city: "HCMC",
postalCode: "700000",
phoneNumber: "(+84) 937 937 195"
}
@@ -117,7 +89,7 @@ const AccountPage = ({} : AccountPageProps) => {
</div>
<div className={s.pageRight}>
<AccountInfomation active={accountInfoActive} account={account} clickShowEditForm={showEditForm} />
<AccountInfomation active={accountInfoActive} account={account} showEditForm={showEditForm} />
<OrderInfomation active={orderInfoActive} waiting={waiting} delivering={delivering} delivered={delivered} />
{/* Thieu cai favorite */}
@@ -126,7 +98,7 @@ const AccountPage = ({} : AccountPageProps) => {
</section>
<EditInfoModal closeModal={closeModal} visible={modalVisible} />
<EditInfoModal accountInfo={account} closeModal={closeModal} visible={modalVisible} />
</>
)
}