forked from crowetic/commerce
45 lines
1.3 KiB
TypeScript
45 lines
1.3 KiB
TypeScript
import type { GetStaticPropsContext } from 'next'
|
|
import { getConfig } from '@bigcommerce/storefront-data-hooks/api'
|
|
import getAllPages from '@bigcommerce/storefront-data-hooks/api/operations/get-all-pages'
|
|
import useCustomer from '@bigcommerce/storefront-data-hooks/use-customer'
|
|
import { Layout } from '@components/core'
|
|
import { Container, Text } from '@components/ui'
|
|
|
|
export async function getStaticProps({
|
|
preview,
|
|
locale,
|
|
}: GetStaticPropsContext) {
|
|
const config = getConfig({ locale })
|
|
const { pages } = await getAllPages({ config, preview })
|
|
return {
|
|
props: { pages },
|
|
}
|
|
}
|
|
|
|
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
|