lesson 15: make payment summary interactive - mvc practical example

a10n-jsd · Jan 29, 2025 · d37c313 · d37c313
1 parent 97a1398
commit d37c313
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/...ascript/0-code-along/lesson-15/javascript-amazon-project/scripts/checkout/orderSummary.js b/...ascript/0-code-along/lesson-15/javascript-amazon-project/scripts/checkout/orderSummary.js
@@ -5,10 +5,14 @@ import {
   updateDeliveryOption, 
   updateQuantity
 } from '../../data/cart.js';
-import { deliveryOptions, getDeliveryOption } from '../../data/deliveryOptions.js';
+import { 
+  deliveryOptions, 
+  getDeliveryOption 
+} from '../../data/deliveryOptions.js';
 import { getProduct } from '../../data/products.js';
 import { formatCurrency } from '../../utils/money.js';
 import dayjs from 'https://unpkg.com/dayjs@1.11.10/esm/index.js';
+import { renderPaymentSummary } from './paymentSummary.js';
 
 export function renderOrderSummary() {
   // We make this function because:
@@ -135,6 +139,7 @@ export function renderOrderSummary() {
         const {productId, deliveryOptionId} = element.dataset;
         updateDeliveryOption(productId, deliveryOptionId);
         renderOrderSummary();
+        renderPaymentSummary();
       })
   });
 
@@ -156,6 +161,8 @@ export function renderOrderSummary() {
         container.remove();
 
         updateCartQuantity();
+
+        renderPaymentSummary();
     })
   });