From e27bae66a80e8be2315dbc7036c388d308ee2ec6 Mon Sep 17 00:00:00 2001
From: "Begerad, Stefan" <dialog@swingbe.de>
Date: Wed, 8 Jun 2022 10:23:12 +0200
Subject: [PATCH] fix(toggle-btn): add missing prop-types

---
 toggle-btn/src/components/toggle-button.jsx | 13 ++++++++-----
 toggle-btn/src/pages/home.jsx               |  1 -
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/toggle-btn/src/components/toggle-button.jsx b/toggle-btn/src/components/toggle-button.jsx
index 3b54275..bedf94b 100644
--- a/toggle-btn/src/components/toggle-button.jsx
+++ b/toggle-btn/src/components/toggle-button.jsx
@@ -2,21 +2,24 @@ import React from 'react';
 import PropTypes from 'prop-types';
 const ToggleBtn = (props) => {
     //destructuring
-    const {btnState,btnTrue,btnFalse,descTrue,descFalse,btnOnClick} = props;
+    const { btnState, btnTrue, btnFalse, descTrue, descFalse, btnOnClick } =
+	  props;
     //render
     return (
         <>
-	    <button onClick={btnOnClick}>
-		{btnState===false?btnFalse:btnTrue}
-	    </button>
-	    {btnState===false?descFalse:descTrue}
+            <button onClick={btnOnClick}>
+                {btnState === false ? btnFalse : btnTrue}
+            </button>
+            {btnState === false ? descFalse : descTrue}
         </>
     );
 };
 export default ToggleBtn;
 ToggleBtn.propTypes = {
+    btnState: PropTypes.bool,
     btnTrue: PropTypes.string,
     btnFalse: PropTypes.string,
     descTrue: PropTypes.string,
     descFalse: PropTypes.string,
+    btnOnClick: PropTypes.func
 };
diff --git a/toggle-btn/src/pages/home.jsx b/toggle-btn/src/pages/home.jsx
index bb53fdb..c7e01ca 100644
--- a/toggle-btn/src/pages/home.jsx
+++ b/toggle-btn/src/pages/home.jsx
@@ -5,7 +5,6 @@ import ToggleButton from '../components/toggle-button';
 const Home = () => {
     //handle state
     const [btnState,setBtnState]=useState(false);
-    //toggle
     const toggle=()=>{
 	setBtnState((btnState)=>!btnState);
     };