forked from crowetic/commerce
Merge pull request #22 from marbiano/profile-page-layout-fix
Profile page layout fix
This commit is contained in:
commit
be6267d972
@ -3,21 +3,23 @@ import { Container, Text } from '@components/ui'
|
||||
import useCustomer from '@bigcommerce/storefront-data-hooks/dist/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 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>
|
||||
)}
|
||||
|
Loading…
x
Reference in New Issue
Block a user