BEINISISNIDSFINSDOvhpbfdslkvmh f,uidafmjkuzvrnhdahgdsxzk.gjSUrabéj

GrossesMitaines/grosses-mitaines-ui/src/components/ReviewProdItem.js

@@ -0,0 +1,9 @@
+const ReviewProdItem = ({ pq, onAddOne, onRemoveOne, onRemoveProduct }) => {
+    return (
+        <div className="review-prod-item-container">
+           
+        </div>
+    )
+}
+
+export default ReviewProdItem

GrossesMitaines/grosses-mitaines-ui/src/components/ReviewProdList.js

@@ -0,0 +1,20 @@
+import ReviewProdItem from "./ReviewProdItem";
+
+const ReviewProdList = ({ products, onAddOne, onRemoveOne, onRemoveProduct }) => {
+    return (
+        <div>
+            {products.map((p) => (
+                <ReviewProdItem
+                    key={p.product.id}
+                    pq={p}
+                    onAddOne={onAddOne}
+                    onRemoveOne={onRemoveOne}
+                    onRemoveProduct={onRemoveProduct}
+                />
+            ))}
+        </div>
+
+    )
+}
+
+export default ReviewProdList;

GrossesMitaines/grosses-mitaines-ui/src/components/TotalProductsPrice.js

@@ -0,0 +1,40 @@
+const TotalProductsPrice = ({ products }) => {
+
+    const productTotal = (p) => {
+        return (p.quantity * (p.product.status == 3 || p.product.status == 4 ? p.product.promoPrice : p.product.price))
+    }
+
+    const getPriceHTML = (prods) => {
+
+        const tpsRate = 5;
+        const tvqRate = 9.975;
+
+        var price = 0;
+        var tps = 0;
+        var tvq = 0;
+
+        prods.map((p) => {
+            price += productTotal(p);
+        });
+
+        tps = price * (tpsRate / 100);
+        tvq = price * (tvqRate / 100);
+
+        return (
+            <div className="invoice-item-price">
+                Sous-total = {price.toFixed(2)} $ CA<br />
+                + TPS ({tpsRate}%) = {tps.toFixed(2)} $ CA<br />
+                + TVQ ({tvqRate}%) = {tvq.toFixed(2)} $ CA<br />
+                <b>Total = {(price + tps + tvq).toFixed(2)} $ CA</b>
+            </div>
+        );
+    }
+
+    return (
+        <div>
+            {getPriceHTML(products)}
+        </div>
+    )
+}
+
+export default TotalProductsPrice;