cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

More changes

Browse Source
This commit is contained in:
Belen Curcio 2020-10-26 09:43:34 -03:00
parent ebfde86598
commit 27284cd753
3 changed files with 27 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/ui/Text/Text.module.css
View File

@ -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;
} }

21
pages/cart.tsx
View File

@ -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>
)} )}

16
pages/profile.tsx
View File

@ -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>
) )
} }