From e2abc12d59a8aed65ea155ea6087e12f322cdcb5 Mon Sep 17 00:00:00 2001
From: Blessy Louis <112788477+BlessyLouis@users.noreply.github.com>
Date: Tue, 30 Jun 2026 14:25:51 +0530
Subject: [PATCH] Refactor cart summary display in App component

Updated DataTable to use results.items and modified cart summary display to include subtotal and cart offer details.
---
 src/App.jsx | 38 ++++++++++++++++++++++++++++++++++----
 1 file changed, 34 insertions(+), 4 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 7430c07..7ed3b37 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -25,6 +25,11 @@ const RULES_COLUMNS = [
     render: (v, row) => row.type === 'percentage' ? `${v}% off` : `Rs.${v} off`,
   },
   { key: 'stackable', label: 'Stackable',  render: (v) => (v ? 'Yes' : 'No') },
+  {
+    key: 'minCartValue',
+    label: 'Min Cart Value',
+    render: (v) => v ? `Rs.${v}` : '—'
+  }
 ]
 
 const CART_COLUMNS = [
@@ -217,11 +222,36 @@ export default function App() {
         {results && (
           <div style={S.section}>
             <div style={S.sectionTitle}>Cart Summary</div>
-            <DataTable columns={RESULTS_COLUMNS} rows={results} />
+            <DataTable columns={RESULTS_COLUMNS} rows={results.items} />
             <div style={S.totalRow}>
-              <span style={S.totalLabel}>Cart Total</span>
-              <span style={S.totalValue}>Rs.{cartTotal(results).toLocaleString('en-IN')}</span>
-            </div>
+  <span style={S.totalLabel}>Subtotal</span>
+  <span style={S.totalValue}>
+    Rs.{results.subtotal.toLocaleString('en-IN')}
+  </span>
+</div>
+
+{results.cartRule && (
+  <div style={S.totalRow}>
+    <span style={S.totalLabel}>
+      Cart Offer ({results.cartRule.value}% off)
+    </span>
+    <span
+      style={{
+        color: '#1e5c2c',
+        fontWeight: 700,
+      }}
+    >
+      - Rs.{results.cartDiscount.toLocaleString('en-IN')}
+    </span>
+  </div>
+)}
+
+<div style={S.totalRow}>
+  <span style={S.totalLabel}>Final Cart Total</span>
+  <span style={S.totalValue}>
+    Rs.{results.finalTotal.toLocaleString('en-IN')}
+  </span>
+</div>
           </div>
         )}