mirror of
https://github.com/vercel/commerce.git
synced 2025-03-16 23:42:32 +00:00
31 lines
862 B
TypeScript
31 lines
862 B
TypeScript
import { Layout } from '@components/core'
|
|
import { Container, Text } from '@components/ui'
|
|
import useCustomer from '@bigcommerce/storefront-data-hooks/dist/use-customer'
|
|
export default function Profile() {
|
|
const { data } = useCustomer()
|
|
|
|
return (
|
|
<Container>
|
|
<Text variant="pageHeading">My Profile</Text>
|
|
{data && (
|
|
<div className="grid lg:grid-cols-12">
|
|
<div className="lg:col-span-8 pr-4">
|
|
<div>
|
|
<Text variant="sectionHeading">Full Name</Text>
|
|
<span>
|
|
{data.firstName} {data.lastName}
|
|
</span>
|
|
</div>
|
|
<div className="mt-5">
|
|
<Text variant="sectionHeading">Email</Text>
|
|
<span>{data.email}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)}
|
|
</Container>
|
|
)
|
|
}
|
|
|
|
Profile.Layout = Layout
|