Progress

CHANGELOG.md

@@ -1,4 +1,5 @@
 ## Changelog
 
-- Select Variants Working
-- Click on cart item title, closes the sidebar
+- Select Variants Fully Working
+- Click on the Cart Item Title, closes the sidebar.
+

components/product/ProductView/ProductView.tsx

@@ -4,9 +4,8 @@ import { NextSeo } from 'next-seo'
 import { FC, useState } from 'react'
 import s from './ProductView.module.css'
 
-import { useUI } from '@components/ui'
 import { Swatch, ProductSlider } from '@components/product'
-import { Button, Container, Text } from '@components/ui'
+import { Button, Container, Text, useUI} from '@components/ui'
 
 import usePrice from '@framework/product/use-price'
 import { useAddItem } from '@framework/cart'
@@ -100,8 +99,8 @@ const ProductView: FC<Props> = ({ product }) => {
               ))}
             </ProductSlider>
           </div>
-        </div>
 
+        </div>
         <div className={s.sidebar}>
           <section>
             {product.options?.map((opt) => (

components/wishlist/WishlistButton/WishlistButton.tsx

@@ -1,12 +1,12 @@
 import React, { FC, useState } from 'react'
 import cn from 'classnames'
-import { Heart } from '@components/icons'
 
 import { useUI } from '@components/ui'
-import useCustomer from '@framework/customer/use-customer'
+import { Heart } from '@components/icons'
 import useAddItem from '@framework/wishlist/use-add-item'
+import useWishlist from '@framework/wishlist/use-wishlist'
+import useCustomer from '@framework/customer/use-customer'
 import useRemoveItem from '@framework/wishlist/use-remove-item'
-import useWishlist from '@framework/wishlist/use-add-item'
 
 type Props = {
   productId: Product['id']

tsconfig.json

@@ -16,16 +16,16 @@
     "jsx": "preserve",
     "paths": {
       "@lib/*": ["lib/*"],
-      "@assets/*": ["assets/*"],
-      "@config/*": ["config/*"],
-      "@components/*": ["components/*"],
       "@utils/*": ["utils/*"],
-      "@commerce/*": ["framework/commerce/*"],
+      "@config/*": ["config/*"],
+      "@assets/*": ["assets/*"],
+      "@components/*": ["components/*"],
       "@commerce": ["framework/commerce"],
-      "@framework/*": ["framework/bigcommerce/*"],
+      "@commerce/*": ["framework/commerce/*"],
       "@framework": ["framework/bigcommerce"]
+      "@framework/*": ["framework/bigcommerce/*"],
     }
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "**/*.js"],
-  "exclude": ["node_modules", "components/wishlist"]
+  "exclude": ["node_modules"]
 }