4
0
forked from crowetic/commerce
commerce/site/pages/profile.tsx
Bel 172deeee86
Fixes & Updates (#704)
* Adding Dropdown Component

* Styling Issues

* Wishlist Fix

* Fixes for Wishlist View

* Hearts now work again

* Rollback ts

* Removing extra config to disable BigCommerce

* Fixes for Wishlist View

* Remove transition/animation for mobile

* New Updates.

* New Updates.

* Dropdown fix

* Polish

* export

* export

* revert tsconfig

Co-authored-by: Luis Alvarez D. <luis@vercel.com>

Co-authored-by: Dom Sip <dom@vercel.com>
Co-authored-by: Luis Alvarez D. <luis@vercel.com>
2022-03-16 12:05:58 +01:00

53 lines
1.6 KiB
TypeScript

import type { GetStaticPropsContext } from 'next'
import useCustomer from '@framework/customer/use-customer'
import commerce from '@lib/api/commerce'
import { Layout } from '@components/common'
import { Container, Text } from '@components/ui'
export async function getStaticProps({
preview,
locale,
locales,
}: GetStaticPropsContext) {
const config = { locale, locales }
const pagesPromise = commerce.getAllPages({ config, preview })
const siteInfoPromise = commerce.getSiteInfo({ config, preview })
const { pages } = await pagesPromise
const { categories } = await siteInfoPromise
return {
props: { pages, categories },
}
}
export default function Profile() {
const { data } = useCustomer()
return (
<Container className="pt-4">
<Text variant="pageHeading">My Profile</Text>
<div className="grid grid-cols-4">
{data && (
<div className="flex flex-col divide-accent-2 divide-y">
<div className="flex flex-row items-center space-x-4 py-4">
<span className="text-lg font-medium text-accent-600 flex-1">
Full Name
</span>
<span>
{data.firstName} {data.lastName}
</span>
</div>
<div className="flex flex-row items-center space-x-4 py-4">
<span className="text-lg font-medium text-accent-600 flex-1">
Email
</span>
<span>{data.email}</span>
</div>
</div>
)}
</div>
</Container>
)
}
Profile.Layout = Layout