add extra group price

src/pages/product/components/ProductFooter.tsx

@@ -7,23 +7,23 @@ import { useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useAppDispatch, useAppSelector } from "redux/hooks";
 import { colors, ProBlack2 } from "ThemeConstants";
-import { Product, Variant, Extra as ExtraType } from "utils/types/appTypes";
+import { Extra, Product, Variant } from "utils/types/appTypes";
 import styles from "../product.module.css";
 
 export default function ProductFooter({
   product,
   isValid = true,
-  selectedVariant,
   selectedExtras,
+  selectedVariant,
   selectedGroups,
   quantity,
   onClose,
 }: {
   product: Product;
   isValid?: boolean;
+  selectedExtras: Extra[];
   selectedVariant?: Variant;
-  selectedExtras: ExtraType[];
-  selectedGroups: string[];
+  selectedGroups: Extra[];
   quantity: number;
   onClose?: () => void;
 }) {
@@ -60,7 +60,10 @@ export default function ProductFooter({
           item: {
             id: product?.id,
             name: product?.name,
-            price: selectedVariant?.price || product?.price,
+            price:
+              (selectedVariant?.price || product?.price) +
+              selectedExtras.reduce((acc, extra) => acc + extra.price, 0),
+            // selectedGroups.reduce((acc, extra) => acc + extra.price, 0),
             image: product?.image,
             description: product?.description,
             comment: specialRequest,