Normalizing Cart Responses

components/cart/CartSidebarView/CartSidebarView.tsx

@@ -12,6 +12,7 @@ import s from './CartSidebarView.module.css'
 const CartSidebarView: FC = () => {
   const { closeSidebar } = useUI()
   const { data, isEmpty } = useCart()
+
   const { price: subTotal } = usePrice(
     data && {
       amount: data.base_amount,

components/common/Layout/Layout.tsx

@@ -7,13 +7,12 @@ import { useUI } from '@components/ui/context'
 import { Navbar, Footer } from '@components/common'
 import { useAcceptCookies } from '@lib/hooks/useAcceptCookies'
 import { Sidebar, Button, Modal, LoadingDots } from '@components/ui'
-import { CartSidebarView } from '@components/cart'
+import CartSidebarView from '@components/cart/CartSidebarView'
 
 import LoginView from '@components/auth/LoginView'
 import { CommerceProvider } from '@framework'
 import type { Page } from '@framework/api/operations/get-all-pages'
 
-
 const Loading = () => (
   <div className="w-80 h-80 flex items-center text-center justify-center p-3">
     <LoadingDots />
@@ -28,10 +27,12 @@ const SignUpView = dynamic(
   () => import('@components/auth/SignUpView'),
   dynamicProps
 )
+
 const ForgotPassword = dynamic(
   () => import('@components/auth/ForgotPassword'),
   dynamicProps
 )
+
 const FeatureBar = dynamic(
   () => import('@components/common/FeatureBar'),
   dynamicProps

components/product/helpers.ts

@@ -3,11 +3,6 @@ export type SelectedOptions = {
   color: string | null
 }
 
-export type ProductOption = {
-  displayName: string
-  values: any
-}
-
 export function getVariant(product: Product, opts: SelectedOptions) {
   const variant = product.variants.find((variant) => {
     return Object.entries(opts).every(([key, value]) =>