forked from crowetic/commerce
More changes
This commit is contained in:
parent
ebfde86598
commit
27284cd753
@ -11,5 +11,5 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.sectionHeading {
|
.sectionHeading {
|
||||||
@apply pt-1 pb-4 text-base leading-7 text-base tracking-wide uppercase border-b border-accents-2;
|
@apply pt-1 pb-2 text-base font-semibold leading-7 text-base tracking-wider uppercase border-b border-accents-2 mb-3;
|
||||||
}
|
}
|
||||||
|
@ -75,7 +75,7 @@ export default function Cart({}: InferGetStaticPropsType<
|
|||||||
<div className="px-4 sm:px-6 flex-1">
|
<div className="px-4 sm:px-6 flex-1">
|
||||||
<Text variant="pageHeading">My Cart</Text>
|
<Text variant="pageHeading">My Cart</Text>
|
||||||
<Text variant="sectionHeading">Review your Order</Text>
|
<Text variant="sectionHeading">Review your Order</Text>
|
||||||
<ul className="py-6 space-y-6 sm:py-0 sm:space-y-0 sm:divide-y sm:divide-accents-2 border-t border-accents-2">
|
<ul className="py-6 space-y-6 sm:py-0 sm:space-y-0 sm:divide-y sm:divide-accents-2 border-b border-accents-2">
|
||||||
{items.map((item) => (
|
{items.map((item) => (
|
||||||
<CartItem
|
<CartItem
|
||||||
key={item.id}
|
key={item.id}
|
||||||
@ -84,15 +84,16 @@ export default function Cart({}: InferGetStaticPropsType<
|
|||||||
/>
|
/>
|
||||||
))}
|
))}
|
||||||
</ul>
|
</ul>
|
||||||
<hr className="my-6" />
|
<div className="my-6">
|
||||||
<Text>
|
<Text>
|
||||||
Before you leave, take a look at these items. We picked them just
|
Before you leave, take a look at these items. We picked them
|
||||||
for you
|
just for you
|
||||||
</Text>
|
</Text>
|
||||||
<div className="flex py-6 space-x-6">
|
<div className="flex py-6 space-x-6">
|
||||||
{[1, 2, 3, 4, 5, 6].map((x) => (
|
{[1, 2, 3, 4, 5, 6].map((x) => (
|
||||||
<div className="border border-accents-3 w-full h-24 bg-accents-2 bg-opacity-50 transform cursor-pointer hover:scale-110 duration-75" />
|
<div className="border border-accents-3 w-full h-24 bg-accents-2 bg-opacity-50 transform cursor-pointer hover:scale-110 duration-75" />
|
||||||
))}
|
))}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
@ -1,10 +1,24 @@
|
|||||||
import { Layout } from '@components/core'
|
import { Layout } from '@components/core'
|
||||||
import { Container, Text } from '@components/ui'
|
import { Container, Text } from '@components/ui'
|
||||||
|
import useCustomer from '@lib/bigcommerce/use-customer'
|
||||||
export default function Profile() {
|
export default function Profile() {
|
||||||
|
const { data } = useCustomer()
|
||||||
|
console.log(data)
|
||||||
return (
|
return (
|
||||||
<Container>
|
<Container>
|
||||||
<Text variant="pageHeading">My Profile</Text>
|
<Text variant="pageHeading">My Profile</Text>
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
</Container>
|
</Container>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user