From 57408bfb8d50c6d7a00b98822f7628d57dfe0516 Mon Sep 17 00:00:00 2001
From: Swastik3025 <swastik.student.che21@itbhu.ac.in>
Date: Sun, 30 Oct 2022 16:23:52 +0530
Subject: [PATCH] Added remove extra space feature

---
 src/components/TextForm.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/TextForm.js b/src/components/TextForm.js
index 500e932..51a3b9e 100644
--- a/src/components/TextForm.js
+++ b/src/components/TextForm.js
@@ -32,6 +32,10 @@ export default function TextForm(props) {
       setText(newText);
       props.showAlert("Changed to Titlecase","success");
   }
+  const handleRemove=()=>{
+    let newText=text.split(/[ ]+/)
+    setText(newText.join(" "));
+ }
 
     const handleClearClick= ()=> {
 
@@ -118,6 +122,7 @@ export default function TextForm(props) {
         <button disabled={text.length === 0} className="btn btn-primary mx-2 my-2" onClick={handleUpClick}  >Convert to <b>UPPERCASE</b></button>
         <button disabled={text.length === 0} className="btn btn-primary mx-2 my-2" onClick={handleLowClick}>Convert to <b>lowercase</b></button>
         <button disabled={text.length === 0} className="btn btn-primary mx-2 my-2" onClick={handleTitleClick}>Convert to <b>Title Case</b></button>
+        <button className='btn btn-primary my-1 mx-1' onClick={handleRemove}>Remove Extra Space</button>
         <button disabled={text.length === 0} className="btn btn-primary mx-2 my-2" onClick={handleReverse}>Reverse</button>