add extra price

src/pages/product/components/Extra.tsx

@@ -12,8 +12,8 @@ export default function Extra({
   setSelectedExtras,
 }: {
   extrasList: ExtraType[];
-  selectedExtras: string[];
-  setSelectedExtras: Dispatch<SetStateAction<string[]>>;
+  selectedExtras: ExtraType[];
+  setSelectedExtras: Dispatch<SetStateAction<ExtraType[]>>;
 }) {
   const { t } = useTranslation();
 
@@ -51,8 +51,12 @@ export default function Extra({
                   price: `+${value.price}`,
                 };
               })}
-              value={selectedExtras}
-              onChange={(values: string[]) => setSelectedExtras(values)}
+              value={selectedExtras.map((ex) => ex.id.toString())}
+              onChange={(values) =>
+                setSelectedExtras(
+                  extrasList.filter((o) => values?.includes(o.id.toString())),
+                )
+              }
             />
           </div>
         </div>