From aa8e90691167eb161c7bc616b8b154284f021fe8 Mon Sep 17 00:00:00 2001
From: Debajyoti Sanyal <100038306+sanyal10@users.noreply.github.com>
Date: Fri, 9 Aug 2024 17:43:34 +0000
Subject: [PATCH 1/4] update

---
 2. reactjs-concepts-2024/src/App.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/2. reactjs-concepts-2024/src/App.jsx b/2. reactjs-concepts-2024/src/App.jsx
index e90b8e6..00120db 100644
--- a/2. reactjs-concepts-2024/src/App.jsx	
+++ b/2. reactjs-concepts-2024/src/App.jsx	
@@ -19,7 +19,7 @@ function App() {
       {/* <ClassBasedComponent /> */}
       {/* <FunctionalComponent /> */}
 
-      {/* <ProductList listOfProducts={dummyProductData} name="Roxy" city="ABC" /> */}
+      <ProductList listOfProducts={dummyProductData} name="Roxy" city="ABC" />
       {/* <Users /> */}
       {/* <UseReducerExample /> */}
       {/* <ContextButtonComponent />

From 40022ee277a1036cbd27b3925c1cac76e673584c Mon Sep 17 00:00:00 2001
From: Debajyoti Sanyal <100038306+sanyal10@users.noreply.github.com>
Date: Fri, 9 Aug 2024 18:09:45 +0000
Subject: [PATCH 2/4] update

---
 2. reactjs-concepts-2024/src/components/products/index.jsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/2. reactjs-concepts-2024/src/components/products/index.jsx b/2. reactjs-concepts-2024/src/components/products/index.jsx
index 1880769..01a5b2f 100644
--- a/2. reactjs-concepts-2024/src/components/products/index.jsx	
+++ b/2. reactjs-concepts-2024/src/components/products/index.jsx	
@@ -44,7 +44,6 @@ function ProductList({ name, city, listOfProducts }) {
       ) : (
         <h4>Hello</h4>
       )}
-
       <div>
         <button
           style={{

From 4fa9dae184af395a87f6db7a9aa9aa43cf128307 Mon Sep 17 00:00:00 2001
From: Debajyoti Sanyal <100038306+sanyal10@users.noreply.github.com>
Date: Fri, 9 Aug 2024 18:55:32 +0000
Subject: [PATCH 3/4] changing color of click button of product-items

---
 .../products/components/product-item.jsx           | 14 +++++++++++++-
 .../products/components/product-item.module.css    |  7 +++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/2. reactjs-concepts-2024/src/components/products/components/product-item.jsx b/2. reactjs-concepts-2024/src/components/products/components/product-item.jsx
index 60abd6e..5dd61bb 100644
--- a/2. reactjs-concepts-2024/src/components/products/components/product-item.jsx	
+++ b/2. reactjs-concepts-2024/src/components/products/components/product-item.jsx	
@@ -1,7 +1,19 @@
 import styles from "./product-item.module.css";
+import { useState } from "react";
 
 function ButtonComponent() {
-  return <button className={styles.buttonStyle}>Click</button>;
+  function handleToggle() {
+    setFlag(!flag);
+  }
+  const [flag, setFlag] = useState(false);
+  return (
+    <button
+      className={flag ? styles.buttonStyle : styles.buttonStyle2}
+      onClick={handleToggle}
+    >
+      Click
+    </button>
+  );
 }
 
 function ProductItem({ singleProductItem, key }) {
diff --git a/2. reactjs-concepts-2024/src/components/products/components/product-item.module.css b/2. reactjs-concepts-2024/src/components/products/components/product-item.module.css
index d62161a..d37835e 100644
--- a/2. reactjs-concepts-2024/src/components/products/components/product-item.module.css	
+++ b/2. reactjs-concepts-2024/src/components/products/components/product-item.module.css	
@@ -5,6 +5,13 @@
   color: white;
 }
 
+.buttonStyle2 {
+  background-color: rgb(194, 57, 57);
+  font-weight: bolder;
+  font-size: 18px;
+  color: rgb(20, 11, 11);
+}
+
 .productTitle {
   font-size: 20px;
   color: rgb(109, 12, 12);

From be298193004802bed79f9c7ec5fcafec97b6eec8 Mon Sep 17 00:00:00 2001
From: sanyal10 <100038306+sanyal10@users.noreply.github.com>
Date: Sat, 10 Aug 2024 00:38:22 +0530
Subject: [PATCH 4/4] Update product-item.jsx

---
 .../src/components/products/components/product-item.jsx         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/2. reactjs-concepts-2024/src/components/products/components/product-item.jsx b/2. reactjs-concepts-2024/src/components/products/components/product-item.jsx
index 5dd61bb..833bdd6 100644
--- a/2. reactjs-concepts-2024/src/components/products/components/product-item.jsx	
+++ b/2. reactjs-concepts-2024/src/components/products/components/product-item.jsx	
@@ -11,7 +11,7 @@ function ButtonComponent() {
       className={flag ? styles.buttonStyle : styles.buttonStyle2}
       onClick={handleToggle}
     >
-      Click
+      Click to see changes
     </button>
   );
 }