extra & variant fixes

src/pages/product/page.tsx

@@ -158,12 +158,14 @@ export default function ProductDetailPage({
   }, [product?.variants, selectedVariants]);
 
   const getExtras = useCallback(() => {
-    const finalSelectedVariant = getFinalSelectedVariant();
-    if (!finalSelectedVariant) return [];
-    const selectedVariant = product?.variants?.find(
+    /*    const finalSelectedVariant = getFinalSelectedVariant();
+    if (!finalSelectedVariant) return []; */
+    /*    const selectedVariant = product?.variants?.find(
       (variant) => variant.id === finalSelectedVariant.id,
-    );
-    return selectedVariant?.extras || [];
+    ); */
+    //don't show v
+    if (product?.variants && product.variants.length > 0) return [];
+    return product?.extras || [];
   }, [product?.variants, getFinalSelectedVariant]);
 
   // Validation function to check if all required selections are made
@@ -215,8 +217,9 @@ export default function ProductDetailPage({
   return (
     <div
       style={{
-        height:
-        isBottomSheetView ? "calc(90vh - 285px)" : viewportHeight > 0
+        height: isBottomSheetView
+          ? "calc(90vh - 285px)"
+          : viewportHeight > 0
             ? `${viewportHeight - 195}px`
             : "calc(100dvh - 195px)",
         overflow: "auto",
@@ -364,13 +367,14 @@ export default function ProductDetailPage({
                   />
                 )}
 
-                {getExtras()?.length > 0 && (
-                  <ExtraComponent
-                    extrasList={getExtras()}
-                    selectedExtras={selectedExtras}
-                    setSelectedExtras={setSelectedExtras}
-                  />
-                )}
+                {product.theExtrasGroups.length === 0 &&
+                  getExtras()?.length > 0 && (
+                    <ExtraComponent
+                      extrasList={getExtras()}
+                      selectedExtras={selectedExtras}
+                      setSelectedExtras={setSelectedExtras}
+                    />
+                  )}
               </Space>
             </div>
           )}