From f5e075bc6525619f7aed16e66ec42aea9a47dca5 Mon Sep 17 00:00:00 2001
From: Himanshu Gupta <opensrc0@gmail.com>
Date: Tue, 16 Jan 2024 13:14:19 +0530
Subject: [PATCH 1/3] Update README.md

---
 README.md | 25 ++++++++++++-------------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/README.md b/README.md
index a3b5c65..6fed0ce 100644
--- a/README.md
+++ b/README.md
@@ -68,16 +68,14 @@ $ bun add fe-theme
 
 ## Usage
 
-#### 1. Passing configuration settings to the fe-theme library using ThemeProvider
+#### 1. Use fe-theme in your application using themeProvider
 
 ```js
-import React from 'react';
-import ReactDOM from 'react-dom';
-import { ThemeProvider } from 'styled-components';
-import Init from 'fe-theme/Init';
-import App from './App';
+import { ThemeProvider } from 'styled-components'; // import ThemeProvider component
+import Init from 'fe-theme/Init'; // import Init function 
 
 ReactDOM.createRoot(document.getElementById('root')).render(
+  // Wrap your application with ThemeProvider
   <ThemeProvider theme={Init()}>
     <App />
   </ThemeProvider>
@@ -91,29 +89,30 @@ import Button from 'fe-theme/Button';
 <Button />
 ```
 
-Wow, the configuration is quite simple, but wait... button design is different in my application. No worry, fellow step 3, 4.
+Wow, the configuration is quite simple, but wait... button design is different in my application. No worry, follow step 3, 4.
 
-#### 3. Creating a fe-theme folder in your application. It contains config files of components.
+#### 3. Creating a fe-theme folder in your application. It contains components config file.
 
-Create config file for all the component of fe-theme
+&nbsp;&nbsp;Create config file for all the component of fe-theme
 ```js
 COMPONENT_CONFIG_PATH=./{PATH} CURRENT_APP_DIR=$(pwd) npm run theme-prepare --prefix ./node_modules/fe-theme
 ```
 
-Create config file for a single component of fe-theme
+<p align="center">OR</p>
+
+&nbsp;&nbsp; Creating config file for an individual component
 ```js
 COMPONENET_NAME={COMPONENT_NAME} COMPONENT_CONFIG_PATH=./{PATH} CURRENT_APP_DIR=$(pwd) npm run theme-prepare --prefix ./node_modules/fe-theme
 ```
 
 **Note:** 
 ```PATH``` is a variable i.e. where you want to place config files for your application
+
 ```COMPONENT_NAME``` is a variable i.e. where ```component``` Input, button, CHIP (Allow any case)
 
 #### 4. Passing configuration settings to the fe-theme library using ThemeProvider
 
 ```js
-import React from 'react';
-import ReactDOM from 'react-dom';
 import { ThemeProvider } from 'styled-components';
 import Init from 'fe-theme/Init';
 import theme from '{PATH}/fe-theme/universal/theme';  // Include your theme to fe-theme
@@ -127,7 +126,7 @@ ReactDOM.createRoot(document.getElementById('root')).render(
 );
 ```
 
-**Note:** ```PATH``` is a variable i.e. location of config files for your application
+**Note:** ```PATH``` is a variable i.e. location of config files in your application
 
 **Hurrah...!!!** Now you can change button(any compponent) property according to your application
 

From b083a0ea329e3d0532ebb572754570f7280364af Mon Sep 17 00:00:00 2001
From: Himanshu Gupta <opensrc0@gmail.com>
Date: Tue, 16 Jan 2024 15:26:53 +0530
Subject: [PATCH 2/3] Update README.md

---
 README.md | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 6fed0ce..030f936 100644
--- a/README.md
+++ b/README.md
@@ -73,6 +73,7 @@ $ bun add fe-theme
 ```js
 import { ThemeProvider } from 'styled-components'; // import ThemeProvider component
 import Init from 'fe-theme/Init'; // import Init function 
+import App from './App';
 
 ReactDOM.createRoot(document.getElementById('root')).render(
   // Wrap your application with ThemeProvider
@@ -105,10 +106,11 @@ COMPONENT_CONFIG_PATH=./{PATH} CURRENT_APP_DIR=$(pwd) npm run theme-prepare --pr
 COMPONENET_NAME={COMPONENT_NAME} COMPONENT_CONFIG_PATH=./{PATH} CURRENT_APP_DIR=$(pwd) npm run theme-prepare --prefix ./node_modules/fe-theme
 ```
 
-**Note:** 
-```PATH``` is a variable i.e. where you want to place config files for your application
+&nbsp;&nbsp; **Note:** 
+
+&nbsp;&nbsp;  ```1. PATH``` is a variable i.e. where you want to place config files in your application
 
-```COMPONENT_NAME``` is a variable i.e. where ```component``` Input, button, CHIP (Allow any case)
+&nbsp;&nbsp;  ```2. COMPONENT_NAME``` is a variable i.e. name of the component ```Input```, ```button```, ```CHIP``` (Allow any case)
 
 #### 4. Passing configuration settings to the fe-theme library using ThemeProvider
 

From 32fbf8f7345b56f6ba713171eb681745675c6c80 Mon Sep 17 00:00:00 2001
From: Himanshu Gupta <himanshu12.gupta@ril.com>
Date: Tue, 16 Jan 2024 15:31:00 +0530
Subject: [PATCH 3/3] fix(added component list): added component list

---
 .github/COMPONENT.md | 3 +++
 README.md            | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)
 create mode 100644 .github/COMPONENT.md

diff --git a/.github/COMPONENT.md b/.github/COMPONENT.md
new file mode 100644
index 0000000..bbe9583
--- /dev/null
+++ b/.github/COMPONENT.md
@@ -0,0 +1,3 @@
+1. Button
+2. Input
+3. Chip
diff --git a/README.md b/README.md
index 030f936..ed902f5 100644
--- a/README.md
+++ b/README.md
@@ -110,7 +110,7 @@ COMPONENET_NAME={COMPONENT_NAME} COMPONENT_CONFIG_PATH=./{PATH} CURRENT_APP_DIR=
 
 &nbsp;&nbsp;  ```1. PATH``` is a variable i.e. where you want to place config files in your application
 
-&nbsp;&nbsp;  ```2. COMPONENT_NAME``` is a variable i.e. name of the component ```Input```, ```button```, ```CHIP``` (Allow any case)
+&nbsp;&nbsp;  ```2. COMPONENT_NAME``` is a variable i.e. name of the component ```Input```, ```button```. [Find the component list](./.github/COMPONENT.md)
 
 #### 4. Passing configuration settings to the fe-theme library using ThemeProvider