Add checkbox state to fix issue (#134)

* Add checkbox state to fix issue: 'None' Encryption disable Checkbox of 'Hide password field before printing'

* Checkbox implimentation with newtork.hidePassword

* Remove hidePassword from line :191 and :202

1 files changed, 10 insertions, 2 deletions

diff --git a/src/components/Card.js b/src/components/Card.js
index 856085f..6818320 100644
--- a/src/components/Card.js
+++ b/src/components/Card.js
@@ -146,6 +146,7 @@ export const Card = ({ direction = 'ltr' }) => {
               <input
                 type="checkbox"
                 id="hide-password-checkbox"
+                checked={network.hidePassword}
                 disabled={disableHidePassword()}
                 className={network.encryptionMode === 'nopass' ? 'hidden' : ''}
                 onChange={() =>
@@ -178,6 +179,7 @@ export const Card = ({ direction = 'ltr' }) => {
                       ...network,
                       encryptionMode: e.target.value,
                       password: '',
+                      hidePassword: false,
                     });
                   }}
                 />
@@ -188,7 +190,10 @@ export const Card = ({ direction = 'ltr' }) => {
                   id="encrypt-wpa-wpa2-wpa3"
                   value="WPA"
                   onChange={(e) =>
-                    setNetwork({ ...network, encryptionMode: e.target.value })
+                    setNetwork({
+                      ...network,
+                      encryptionMode: e.target.value,
+                    })
                   }
                   defaultChecked
                 />
@@ -199,7 +204,10 @@ export const Card = ({ direction = 'ltr' }) => {
                   id="encrypt-wep"
                   value="WEP"
                   onChange={(e) =>
-                    setNetwork({ ...network, encryptionMode: e.target.value })
+                    setNetwork({
+                      ...network,
+                      encryptionMode: e.target.value,
+                    })
                   }
                 />
                 <label htmlFor="encrypt-wep">WEP</label>