✨ Suma total carrito

src/Components/CheckoutSideMenu/CheckoutSideMenu.jsx

@@ -3,14 +3,17 @@ import "./CheckoutSideMenu.css";
 import { useContext } from "react";
 import { ShoppingCartContext } from "../../Context/Context";
 import OrderCard from "../OrderCard/OrderCard";
+import { totalPrice } from "../../utils/Utils";
 
 const CheckoutSideMenu = () => {
   const context = useContext(ShoppingCartContext);
 
   const handleDelete = (id) => {
-    const filteredProducts = context.cartProducts.filter(product => product.id !== id);
+    const filteredProducts = context.cartProducts.filter(
+      (product) => product.id !== id
+    );
     context.setCartProducts(filteredProducts);
-  }
+  };
   return (
     <aside
       className={`${
@@ -38,6 +41,12 @@ const CheckoutSideMenu = () => {
           />
         ))}
       </div>
+      <div className="px-6">
+        <p className="flex justify-between items-center">
+          <span className="font-light">Total:</span>
+          <span className="font-medium text-2xl">${totalPrice(context.cartProducts)}</span>
+        </p>
+      </div>
     </aside>
   );
 };

src/utils/Utils.jsx

@@ -0,0 +1,10 @@
+/**
+ * This function calculates total price of a new order
+ * @param {Array} products cartProduct: Array of Objects
+ * @returns {number} Total price
+ */
+export const totalPrice = (products) => {
+  let sum = 0;
+  products.forEach((product) => (sum += product.price));
+  return sum;
+};