commerce/pages/profile.tsx

29 lines
751 B
TypeScript
Raw Normal View History

2020-10-24 16:53:25 -03:00
import { Layout } from '@components/core'
2020-10-24 17:55:30 -03:00
import { Container, Text } from '@components/ui'
2020-10-26 09:43:34 -03:00
import useCustomer from '@lib/bigcommerce/use-customer'
2020-10-27 00:20:11 -05:00
2020-10-24 16:53:25 -03:00
export default function Profile() {
2020-10-26 09:43:34 -03:00
const { data } = useCustomer()
2020-10-24 16:53:25 -03:00
return (
<Container>
2020-10-24 17:55:30 -03:00
<Text variant="pageHeading">My Profile</Text>
2020-10-26 10:20:34 -03:00
{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>
2020-10-26 09:43:34 -03:00
</div>
2020-10-26 10:20:34 -03:00
)}
2020-10-24 16:53:25 -03:00
</Container>
)
}
Profile.Layout = Layout