From 66838b6360ea8ac3a7265e7f26906a83382afae8 Mon Sep 17 00:00:00 2001
From: Pritimay Sarkar <pritimay@sminnovations.in>
Date: Mon, 25 Sep 2023 01:16:33 +0530
Subject: [PATCH] add clearusers api

---
 src/components/Registration.css | 13 +++++++++++++
 src/components/Registration.js  | 14 +++++++++++---
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/src/components/Registration.css b/src/components/Registration.css
index beed58f..bba22f9 100644
--- a/src/components/Registration.css
+++ b/src/components/Registration.css
@@ -13,4 +13,17 @@
     justify-content: center;
     align-items: center;
     flex-direction: column;
+}
+
+.clear-button {
+    background-color: #b62200;
+    /* Green */
+    border: none;
+    color: white;
+    padding: 15px 0px 0px 0px;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-size: 16px;
+    margin: 5px;
 }
\ No newline at end of file
diff --git a/src/components/Registration.js b/src/components/Registration.js
index cd54496..28bca6f 100644
--- a/src/components/Registration.js
+++ b/src/components/Registration.js
@@ -53,6 +53,10 @@ function Registration() {
             .then(response => response.data)
             .then((data) => {
                 setMessage(`${id} is being created`);
+            })
+            .catch((err) => {
+                console.log(err);
+                setMessage(`error: ${err?.message}`);
             });
     }
 
@@ -65,12 +69,16 @@ function Registration() {
             secure: false,
             headers: {
                 "Content-Type": "application/json",
-                "x-client": "e16a1bd15af2ee640f5a7a18c8d8333f5f01f7c66e003bbc21ee52870f1bce27",
+                // "x-client": "e16a1bd15af2ee640f5a7a18c8d8333f5f01f7c66e003bbc21ee52870f1bce27",
             },
         })
             .then(response => response.data)
             .then((data) => {
-                setMessage(`${JSON.stringify(data)}`);
+                setMessage(`${data}`);
+            })
+            .catch((err) => {
+                console.log(err);
+                setMessage(`error: ${err?.message}`);
             });
     }
 
@@ -88,7 +96,7 @@ function Registration() {
                 <div className='button' onClick={() => createUser()}>Create User</div>
             </div>
             <div className='dates'>
-                <div className='button' onClick={() => clearsUsers()}>Clear Users</div>
+                <div className='clear-button' onClick={() => clearsUsers()}>Clear</div>
             </div>
             <div>{message && <div className='message'>{message}</div>}</div>
         </div>