From e08eb450a51c018e5c1c0034c1150a51541316cb Mon Sep 17 00:00:00 2001
From: siddtheone <45398971+siddtheone@users.noreply.github.com>
Date: Fri, 14 Mar 2025 15:03:42 +0530
Subject: [PATCH 1/4] Update app.js

---
 .../Finished/app.js                                  | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/N3_ComponentDesign_AndZeroAndTernaryOperators/Finished/app.js b/N3_ComponentDesign_AndZeroAndTernaryOperators/Finished/app.js
index 0c41ee4..83e8b8b 100644
--- a/N3_ComponentDesign_AndZeroAndTernaryOperators/Finished/app.js
+++ b/N3_ComponentDesign_AndZeroAndTernaryOperators/Finished/app.js
@@ -15,20 +15,20 @@ class CounterObj {
 function App() {
     const [counterData, setCounterData] = React.useState([
         new CounterObj('A', true, 0),
-        new CounterObj('B', false, 0),
+        new CounterObj('B', true, 0),
         new CounterObj('C', true, 0)
     ]);
 
     const increment = (index) => {
         const newData = [...counterData];
-        newData[index].total = newData[index].total + 1;
+        newData[index] = {...newData[index],total: newData[index].total + 1};
         setCounterData(newData);
     }
 
     const decrement = (index) => {
         const newData = [...counterData];
         const decrementedCounter = newData[index].total - 1;
-        newData[index].total = decrementedCounter >= 0 ? decrementedCounter : 0;
+        newData[index] = {...newData[index], total: decrementedCounter >= 0 ? decrementedCounter : 0};
         setCounterData(newData);
     }
 
@@ -81,12 +81,10 @@ function Counter({ counter, index, increment, decrement }) {
         <dl className="counter">
             <dt>{counter.name}</dt>
             <dd className="counter__value">
-                <button className="button" onClick={handleDecrementClick}>
-                    -
-                </button>
                 { counter.total > 0 ? <button className="button" onClick={handleDecrementClick}>
                     -
                 </button> : <div className="counter__empty"></div> }
+                { counter.total }
                 <button className="button" onClick={handleIncrementClick}>
                     +
                 </button>
@@ -105,4 +103,4 @@ function CounterSummary({ counterData }) {
     return (
         <p>Summary: {summary}</p>
     )
-}
\ No newline at end of file
+}

From ba6f31345d52e4e5d7bdf5c75181d8515769534c Mon Sep 17 00:00:00 2001
From: siddtheone <45398971+siddtheone@users.noreply.github.com>
Date: Fri, 14 Mar 2025 15:10:50 +0530
Subject: [PATCH 2/4] Update app.js

---
 N3_ComponentDesign_AndZeroAndTernaryOperators/Finished/app.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/N3_ComponentDesign_AndZeroAndTernaryOperators/Finished/app.js b/N3_ComponentDesign_AndZeroAndTernaryOperators/Finished/app.js
index 83e8b8b..797919c 100644
--- a/N3_ComponentDesign_AndZeroAndTernaryOperators/Finished/app.js
+++ b/N3_ComponentDesign_AndZeroAndTernaryOperators/Finished/app.js
@@ -15,7 +15,7 @@ class CounterObj {
 function App() {
     const [counterData, setCounterData] = React.useState([
         new CounterObj('A', true, 0),
-        new CounterObj('B', true, 0),
+        new CounterObj('B', false, 0),
         new CounterObj('C', true, 0)
     ]);
 

From 67d612c5e1f3cf7ec54f47d4af3c88a891b02d0c Mon Sep 17 00:00:00 2001
From: siddtheone <45398971+siddtheone@users.noreply.github.com>
Date: Fri, 14 Mar 2025 15:11:42 +0530
Subject: [PATCH 3/4] Update app.js

---
 N3_ComponentDesign_AndZeroAndTernaryOperators/Finished/app.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/N3_ComponentDesign_AndZeroAndTernaryOperators/Finished/app.js b/N3_ComponentDesign_AndZeroAndTernaryOperators/Finished/app.js
index 797919c..07e0a95 100644
--- a/N3_ComponentDesign_AndZeroAndTernaryOperators/Finished/app.js
+++ b/N3_ComponentDesign_AndZeroAndTernaryOperators/Finished/app.js
@@ -21,7 +21,7 @@ function App() {
 
     const increment = (index) => {
         const newData = [...counterData];
-        newData[index] = {...newData[index],total: newData[index].total + 1};
+        newData[index] = {...newData[index], total: newData[index].total + 1};
         setCounterData(newData);
     }
 

From 7eff416968acfa4eef61b08511133f84e4974e83 Mon Sep 17 00:00:00 2001
From: siddtheone <45398971+siddtheone@users.noreply.github.com>
Date: Mon, 31 Mar 2025 12:40:15 +0530
Subject: [PATCH 4/4] Update app.js

---
 N3_ComponentDesign_AndZeroAndTernaryOperators/Finished/app.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/N3_ComponentDesign_AndZeroAndTernaryOperators/Finished/app.js b/N3_ComponentDesign_AndZeroAndTernaryOperators/Finished/app.js
index 07e0a95..a903849 100644
--- a/N3_ComponentDesign_AndZeroAndTernaryOperators/Finished/app.js
+++ b/N3_ComponentDesign_AndZeroAndTernaryOperators/Finished/app.js
@@ -21,14 +21,14 @@ function App() {
 
     const increment = (index) => {
         const newData = [...counterData];
-        newData[index] = {...newData[index], total: newData[index].total + 1};
+        newData[index].total = newData[index].total + 1;
         setCounterData(newData);
     }
 
     const decrement = (index) => {
         const newData = [...counterData];
         const decrementedCounter = newData[index].total - 1;
-        newData[index] = {...newData[index], total: decrementedCounter >= 0 ? decrementedCounter : 0};
+        newData[index].total = decrementedCounter >= 0 ? decrementedCounter : 0;
         setCounterData(newData);
     }