Fix bugs

Author: w3bdesign

refactor/src/components/Product/AddToCart.component.tsx

@@ -78,7 +78,7 @@ export interface IProduct {
 }
 
 export interface IProductRootObject {
-  product?: IProduct;
+  product: IProduct;
   variationId?: number;
 }
 

refactor/src/components/Product/SingleProduct.component.tsx

@@ -6,10 +6,10 @@ import { useState, useEffect } from 'react';
 import { filteredVariantPrice, paddedPrice } from '@/utils/functions/functions';
 
 // Components
-import AddToCart, { IProduct } from './AddToCart.component';
+import AddToCart, { IProductRootObject } from './AddToCart.component';
 import LoadingSpinner from '@/components/LoadingSpinner/LoadingSpinner.component';
 
-const SingleProduct = (product: IProduct) => {
+const SingleProduct = ({ product }: IProductRootObject) => {
   const [isLoading, setIsLoading] = useState<boolean>(true);
   const [selectedVariation, setSelectedVariation] = useState<number>();
   let DESCRIPTION_WITHOUT_HTML;
@@ -140,7 +140,10 @@ const SingleProduct = (product: IProduct) => {
                   // If we do, send the variationId to AddToCart button
                 }
                 {product.variations && (
-                  <AddToCart variationId={selectedVariation} />
+                  <AddToCart
+                    product={product}
+                    variationId={selectedVariation}
+                  />
                 )}
                 {!product.variations && <AddToCart product={product} />}
               </div>