intergrate openening times & show extras

src/pages/product/components/ExtraGroupsContainer.tsx

@@ -14,7 +14,6 @@ export default function ExtraGroupsContainer({
   selectedExtrasByGroup: Record<number, string[]>;
   setSelectedExtrasByGroup: Dispatch<SetStateAction<Record<number, string[]>>>;
 }) {
-
   return (
     <>
       {groupsList.length > 0 && (

src/pages/product/page.tsx

@@ -214,6 +214,8 @@ export default function ProductDetailPage({
     );
   }
 
+  console.log(product.theExtrasGroups);
+
   return (
     <div
       style={{
@@ -367,14 +369,13 @@ export default function ProductDetailPage({
                   />
                 )}
 
-                {product.theExtrasGroups.length === 0 &&
-                  getExtras()?.length > 0 && (
-                    <ExtraComponent
-                      extrasList={getExtras()}
-                      selectedExtras={selectedExtras}
-                      setSelectedExtras={setSelectedExtras}
-                    />
-                  )}
+                {getExtras()?.length > 0 && (
+                  <ExtraComponent
+                    extrasList={getExtras()}
+                    selectedExtras={selectedExtras}
+                    setSelectedExtras={setSelectedExtras}
+                  />
+                )}
               </Space>
             </div>
           )}