forked from crowetic/commerce
29 lines
788 B
TypeScript
29 lines
788 B
TypeScript
import { Layout } from '@components/core'
|
|
import { Container, Text } from '@components/ui'
|
|
import useCustomer from '@bigcommerce/storefront-data-hooks/use-customer'
|
|
export default function Profile() {
|
|
const { data } = useCustomer()
|
|
console.log(data)
|
|
return (
|
|
<Container>
|
|
<Text variant="pageHeading">My Profile</Text>
|
|
{data && (
|
|
<div className="max-w-2xl flex flex-col space-y-5">
|
|
<div>
|
|
<Text variant="sectionHeading">Full Name</Text>
|
|
<span>
|
|
{data.firstName} {data.lastName}
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<Text variant="sectionHeading">Email</Text>
|
|
<span>{data.email}</span>
|
|
</div>
|
|
</div>
|
|
)}
|
|
</Container>
|
|
)
|
|
}
|
|
|
|
Profile.Layout = Layout
|