crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-23 04:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Tested to add algolia search

Browse Source
This commit is contained in:
Henrik Larsson
2023-08-10 20:49:53 +02:00
parent 04477fe83a
commit dc2856c4c8
17 changed files with 486 additions and 316 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
components/cart/modal.tsx
View File

@@ -46,6 +46,7 @@ export default function CartModal({ cart }: { cart: Cart | undefined }) {
<SheetHeader>
<SheetTitle className="text-lg font-semibold">{t('myCartTitle')}</SheetTitle>
</SheetHeader>
{!cart || cart.lines.length === 0 ? (
<div className="mt-20 flex w-full flex-col items-center justify-center overflow-hidden">
<ShoppingBagIcon className="h-12" />
@@ -153,6 +154,58 @@ export default function CartModal({ cart }: { cart: Cart | undefined }) {
</a>
</div>
)}
<div className="mt-4 flex flex-col">
<h2 className="font-bold">Line item examples</h2>
<ul>
<li className="flex w-full flex-col border-b border-neutral-300">
<div className="relative flex w-full flex-row justify-between px-1 py-4">
<Link
href={'/'}
onClick={() => setIsOpen(false)}
className="z-30 flex flex-row space-x-4"
>
<div className="relative h-16 w-16 cursor-pointer overflow-hidden rounded-md border border-neutral-300 bg-neutral-300 "></div>
<div className="flex flex-1 flex-col text-base">
<span className="leading-tight">Product title</span>
<p className="text-sm text-neutral-500 ">Option of product</p>
</div>
</Link>
<div className="flex h-16 flex-col justify-between">
<Price
className="flex justify-end space-y-2 text-right text-sm"
amount={'100'}
currencyCode={'SEK'}
/>
</div>
</div>
</li>
<li className="flex w-full flex-col border-b border-neutral-300">
<div className="relative flex w-full flex-row justify-between px-1 py-4">
<Link
href={'/'}
onClick={() => setIsOpen(false)}
className="z-30 flex flex-row space-x-4"
>
<div className="relative h-16 w-16 cursor-pointer overflow-hidden rounded-md border border-neutral-300 bg-neutral-300 "></div>
<div className="flex flex-1 flex-col text-base">
<span className="leading-tight">Product title</span>
<p className="text-sm text-neutral-500 ">Option of product</p>
</div>
</Link>
<div className="flex h-16 flex-col justify-between">
<Price
className="flex justify-end space-y-2 text-right text-sm"
amount={'100'}
currencyCode={'SEK'}
/>
</div>
</div>
</li>
</ul>
</div>
</SheetContent>
</Sheet>
</>

4
components/cart/open-cart.tsx
View File

@@ -9,7 +9,7 @@ export default function OpenCart({
quantity?: number;
}) {
return (
<div className="relative flex h-11 w-11 items-center justify-center text-high-contrast">
<div className="relative flex h-10 w-10 items-center justify-center text-high-contrast">
<ShoppingBagIcon
className={clsx(
'h-5 stroke-current transition-all ease-in-out hover:scale-110 ',
@@ -18,7 +18,7 @@ export default function OpenCart({
/>
{quantity ? (
<div className="bg-blue-600 absolute right-0 top-0 -mr-2 -mt-2 h-4 w-4 rounded text-[11px] font-medium text-white">
<div className="absolute right-0 top-0 -mr-2 -mt-2 h-4 w-4 rounded bg-high-contrast text-[11px] font-medium text-white">
{quantity}
</div>
) : null}