Add /checkout

components/cart/CartSidebarView/CartSidebarView.tsx

@@ -129,7 +129,7 @@ const CartSidebarView: FC = () => {
                 <span>{total}</span>
               </div>
             </div>
-            <Button width="100%" onClick={() => openCheckout()}>
+            <Button href="/checkout" Component="a" width="100%">
               Proceed to Checkout
             </Button>
           </div>

components/product/ProductView/ProductView.tsx

@@ -1,10 +1,9 @@
-import cn from 'classnames'
 import { NextSeo } from 'next-seo'
 import { FC, useState } from 'react'
 import s from './ProductView.module.css'
 import { Colors } from '@components/ui/types'
 import { useUI } from '@components/ui/context'
-import { Button, Container, LoadingDots } from '@components/ui'
+import { Button, Container } from '@components/ui'
 import { Swatch, ProductSlider } from '@components/product'
 import useAddItem from '@lib/bigcommerce/cart/use-add-item'
 import type { Product } from '@lib/bigcommerce/api/operations/get-product'

components/ui/Button/Button.tsx

@@ -9,6 +9,7 @@ import mergeRefs from 'react-merge-refs'
 import { useButton } from 'react-aria'
 import s from './Button.module.css'
 import { LoadingDots } from '@components/ui'
+
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
   href?: string
   className?: string
@@ -25,7 +26,6 @@ const Button: React.FC<ButtonProps> = forwardRef((props, buttonRef) => {
     className,
     variant = 'filled',
     children,
-    href,
     active,
     onClick,
     disabled,
@@ -57,7 +57,6 @@ const Button: React.FC<ButtonProps> = forwardRef((props, buttonRef) => {
   return (
     <Component
       className={rootClassName}
-      href={href}
       aria-pressed={active}
       data-variant={variant}
       ref={mergeRefs([ref, buttonRef])}