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

fix: update brand color for PDP

Browse Source 
Signed-off-by: Chloe <pinkcloudvnn@gmail.com>
This commit is contained in:
Chloe
2024-04-23 16:37:32 +07:00
parent 41b6ab5df9
commit 649a54891c
5 changed files with 19 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/cart/add-to-cart.tsx
View File

@@ -1,6 +1,6 @@
'use client';
import { PlusIcon } from '@heroicons/react/24/outline';
import { ShoppingCartIcon } from '@heroicons/react/24/outline';
import clsx from 'clsx';
import { addItem } from 'components/cart/actions';
import LoadingDots from 'components/loading-dots';
@@ -17,7 +17,7 @@ function SubmitButton({
}) {
const { pending } = useFormStatus();
const buttonClasses =
'relative flex w-full items-center justify-center rounded-full bg-blue-600 p-4 tracking-wide text-white';
'relative flex w-full items-center justify-center rounded bg-secondary p-4 tracking-wide text-white gap-3';
const disabledClasses = 'cursor-not-allowed opacity-60 hover:opacity-60';
if (!availableForSale) {
@@ -35,9 +35,7 @@ function SubmitButton({
aria-disabled
className={clsx(buttonClasses, disabledClasses)}
>
<div className="absolute left-0 ml-4">
<PlusIcon className="h-5" />
</div>
<ShoppingCartIcon className="h-5" />
Add To Cart
</button>
);
@@ -55,9 +53,7 @@ function SubmitButton({
disabledClasses: pending
})}
>
<div className="absolute left-0 ml-4">
{pending ? <LoadingDots className="mb-3 bg-white" /> : <PlusIcon className="h-5" />}
</div>
{pending ? <LoadingDots className="bg-white" /> : <ShoppingCartIcon className="h-5" />}
Add To Cart
</button>
);