From 83ece57d55d2b54a139c0aa367daf4b2ea2dd86e Mon Sep 17 00:00:00 2001
From: Sachin Mittal <sachinmittal24687@gmail.com>
Date: Sat, 1 Jan 2022 15:16:54 +0530
Subject: [PATCH] Added Sentence Case and Capitalized Case btn

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

diff --git a/src/components/TextForm.js b/src/components/TextForm.js
index 07549d6..c64dc83 100644
--- a/src/components/TextForm.js
+++ b/src/components/TextForm.js
@@ -13,6 +13,29 @@ export default function TextForm(props) {
         setText(newText)
         props.showAlert("Converted to lowercase!", "success");
     }
+    
+        // Credits: Sachin Mittal 
+    const handleSeClick = ()=>{ 
+        var newText = text.toLowerCase();
+        newText = newText[0].toUpperCase() + newText.slice(1);
+        setText(newText)
+        props.showAlert("Converted to Sentense case!", "success");
+    }
+        
+    // Credits: Sachin Mittal 
+    const handleCaClick = ()=>{ 
+        var newText = text.toLowerCase();
+        const arr = newText.split(" ");
+
+        for( let i=0 ; i<arr.length; i++){
+            arr[i] = arr[i].charAt(0).toUpperCase() + arr[i].slice(1);
+        }
+
+        newText = arr.join(" ");
+
+        setText(newText)
+        props.showAlert("Converted to Capitalized Case!", "success");
+    }
 
     const handleClearClick = ()=>{ 
         let newText = '';
@@ -49,6 +72,8 @@ export default function TextForm(props) {
             </div>
             <button disabled={text.length===0} className="btn btn-primary mx-1 my-1" onClick={handleUpClick}>Convert to Uppercase</button>
             <button disabled={text.length===0} className="btn btn-primary mx-1 my-1" onClick={handleLoClick}>Convert to Lowercase</button>
+            <button disabled={text.length===0} className="btn btn-primary mx-1 my-1" onClick={handleSeClick}>Convert to Sentence Case </button>
+            <button disabled={text.length===0} className="btn btn-primary mx-1 my-1" onClick={handleCaClick}>Convert to Capitalized Case </button>
             <button disabled={text.length===0} className="btn btn-primary mx-1 my-1" onClick={handleClearClick}>Clear Text</button>
             <button disabled={text.length===0} className="btn btn-primary mx-1 my-1" onClick={handleCopy}>Copy Text</button>
             <button disabled={text.length===0} className="btn btn-primary mx-1 my-1" onClick={handleExtraSpaces}>Remove Extra Spaces</button>