fix(ui): 🐛 show/hide pass & wallet backup on first load/setup

dashhive · Feb 1, 2024 · b511813 · b511813
1 parent c20c80a
commit b511813
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 5 deletions.
diff --git a/src/components/dialog.js b/src/components/dialog.js
@@ -129,10 +129,10 @@ const initialState = {
       // resolve = res=>{},
       // reject = res=>{},
     ) => {
-      console.log(
-        'handle dialog render',
-        state,
-      )
+      // console.log(
+      //   'handle dialog render',
+      //   state,
+      // )
     },
     handleClose: (
       state,

diff --git a/src/main.js b/src/main.js
@@ -513,6 +513,27 @@ async function main() {
         // .catch(console.error)
     }
   })
+  document.addEventListener('input', async event => {
+    let {
+      // @ts-ignore
+      name: fieldName, form,
+    } = event?.target
+
+    if (
+      fieldName === 'show_pass'
+    ) {
+      event.stopPropagation()
+      event.preventDefault()
+
+      let { pass, show_pass, } = form
+
+      if (show_pass?.checked) {
+        pass.type = 'text'
+      } else {
+        pass.type = 'password'
+      }
+    }
+  })
   document.addEventListener('change', async event => {
     let {
       // @ts-ignore
@@ -690,6 +711,7 @@ async function main() {
       appDialogs.walletBackup.render(
         {
           wallet,
+          wallets,
         },
         'afterend',
       )

diff --git a/src/rigs/wallet-backup.js b/src/rigs/wallet-backup.js
@@ -98,7 +98,7 @@ export let walletBackupRig = (function (globals) {
           event.preventDefault()
           event.stopPropagation()
 
-          let storedWallet = wallets?.[appState.selectedWallet]
+          let storedWallet = state.wallets?.[appState.selectedWallet]
           let ks = storedWallet?.keystore
           let fde = formDataEntries(event)