From 1c02338c6bfa5322662aea91cc3f2fd809979c4c Mon Sep 17 00:00:00 2001
From: mds <17163988+mds1@users.noreply.github.com>
Date: Wed, 8 Jul 2020 15:39:46 -0700
Subject: [PATCH 1/2] Remove all lint and compiler errors

---
 .eslintrc.js                                 |  1 +
 .vscode/settings.json                        |  1 +
 package-lock.json                            | 15 ++++++
 package.json                                 |  1 +
 src/components/WalletBackupPrompt.vue        | 23 ++++-----
 src/components/WalletBalanceTransactions.vue | 12 +++--
 src/pages/WalletBalance.vue                  |  8 +--
 src/pages/WalletCreate.vue                   |  7 +--
 src/pages/WalletHandler.vue                  |  6 ++-
 src/pages/WalletOpen.vue                     |  5 +-
 src/pages/WalletReceive.vue                  |  7 ++-
 src/pages/WalletRestore.vue                  | 51 +++++++++-----------
 src/store/main/actions.ts                    |  4 +-
 src/store/main/getters.ts                    |  2 +-
 src/store/main/state.ts                      |  4 +-
 src/utils/mixin-helpers.ts                   |  4 +-
 src/wallet/Wallet.ts                         |  2 +
 src/wallet/typings.d.ts                      |  1 +
 test/jest/jest.setup.js                      |  2 +-
 19 files changed, 93 insertions(+), 63 deletions(-)
 create mode 100644 src/wallet/typings.d.ts

diff --git a/.eslintrc.js b/.eslintrc.js
index e66687d..0f2a3b2 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -88,6 +88,7 @@ module.exports = {
     quotes: ['warn', 'single', { avoidEscape: true }],
     '@typescript-eslint/explicit-function-return-type': 'off',
     '@typescript-eslint/explicit-module-boundary-types': 'off',
+    '@typescript-eslint/ban-ts-comment': 'off',
 
     // allow debugger during development only
     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
diff --git a/.vscode/settings.json b/.vscode/settings.json
index dfbe494..09db8c7 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -9,6 +9,7 @@
   "typescript.tsdk": "node_modules/typescript/lib",
   "vetur.experimental.templateInterpolationService": true,
   "vetur.validation.template": false,
+  "vetur.validation.script": false,
   "html.format.enable": true,
   "json.format.enable": true,
   "javascript.format.enable": true,
diff --git a/package-lock.json b/package-lock.json
index ef1064f..af6c375 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5430,6 +5430,21 @@
         }
       }
     },
+    "@vue/composition-api": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/@vue/composition-api/-/composition-api-1.0.0-beta.2.tgz",
+      "integrity": "sha512-jPdh8cXJg3xurPfLMht5AmEOLnYXEZ9kenRWBnKcZHd+PennsW1LgcXDtiIGWQggE2DO/6/5T59Fx7PzwzNFsg==",
+      "requires": {
+        "tslib": "^2.0.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.0.0.tgz",
+          "integrity": "sha512-lTqkx847PI7xEDYJntxZH89L2/aXInsyF2luSafe/+0fHOMjlBNXdH6th7f70qxLDhul7KZK0zC8V5ZIyHl0/g=="
+        }
+      }
+    },
     "@vue/test-utils": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/@vue/test-utils/-/test-utils-1.0.3.tgz",
diff --git a/package.json b/package.json
index ada4034..c041450 100644
--- a/package.json
+++ b/package.json
@@ -28,6 +28,7 @@
   },
   "dependencies": {
     "@quasar/extras": "^1.0.0",
+    "@vue/composition-api": "^1.0.0-beta.2",
     "bitcore-lib-cash": "^8.20.5",
     "bitcore-mnemonic": "^8.20.5",
     "browser-passworder": "^2.0.3",
diff --git a/src/components/WalletBackupPrompt.vue b/src/components/WalletBackupPrompt.vue
index b34e05c..b7fb987 100644
--- a/src/components/WalletBackupPrompt.vue
+++ b/src/components/WalletBackupPrompt.vue
@@ -208,8 +208,7 @@
 <script lang="ts">
 import Vue from 'vue';
 import { mapState } from 'vuex';
-import { StoreInterface } from 'src/store/index';
-import { exportFile } from 'quasar';
+import { exportFile, LocalStorage } from 'quasar';
 import Wallet from 'src/wallet/Wallet';
 import helpers from 'src/utils/mixin-helpers';
 
@@ -273,8 +272,9 @@ export default Vue.extend({
 
   computed: {
     ...mapState({
-      seedPhrase(state: StoreInterface): string {
-        return state.main.wallet.mnemonic;
+      seedPhrase(state): string {
+        // @ts-ignore
+        return String(state.main.wallet.mnemonic); // eslint-disable-line
       },
     }),
 
@@ -351,11 +351,12 @@ export default Vue.extend({
 
     async checkPassword() {
       try {
-        const encryptedMnemonic = this.$q.localStorage.getItem('kaspa-wallet-data');
-        await Wallet.import(this.password, encryptedMnemonic);
+        const encryptedMnemonic = LocalStorage.getItem('kaspa-wallet-data');
+        await Wallet.import(this.password, encryptedMnemonic); // eslint-disable-line
         this.isPasswordVerified = true;
       } catch (err) {
-        this.showError(err);
+        // @ts-ignore
+        this.showError(err); // eslint-disable-line
       }
     },
 
@@ -377,11 +378,11 @@ export default Vue.extend({
 
     async saveWalletFile() {
       await this.checkPassword();
-      const encryptedMnemonic = this.$q.localStorage.getItem('kaspa-wallet-data');
+      const encryptedMnemonic = String(LocalStorage.getItem('kaspa-wallet-data'));
       const status = exportFile('kaspa-wallet-data.dag', encryptedMnemonic);
       if (!status) {
-        // browser denied it
-        this.showError('Browser denied file download');
+        // @ts-ignore
+        this.showError('Browser denied file download'); // eslint-disable-line
       } else {
         this.onVerificationComplete();
       }
@@ -389,7 +390,7 @@ export default Vue.extend({
 
     onVerificationComplete() {
       this.isBackupComplete = true;
-      this.$q.localStorage.set('is-backed-up', true);
+      LocalStorage.set('is-backed-up', true);
     },
   },
 });
diff --git a/src/components/WalletBalanceTransactions.vue b/src/components/WalletBalanceTransactions.vue
index f9e767d..cf1e992 100644
--- a/src/components/WalletBalanceTransactions.vue
+++ b/src/components/WalletBalanceTransactions.vue
@@ -63,8 +63,8 @@
 import Vue from 'vue';
 import { mapState } from 'vuex';
 import TransactionAmount from 'components/TransactionAmount.vue';
-import { StoreInterface } from 'src/store/index';
 import { partialAddress } from 'src/utils/formatters';
+import { Transaction } from '../../types/custom-types';
 
 export default Vue.extend({
   name: 'WalletBalanceTransactions',
@@ -102,18 +102,22 @@ export default Vue.extend({
   },
 
   computed: {
+    /* eslint-disable */
     ...mapState({
-      balance(state: StoreInterface) {
+      balance(state): string {
+        // @ts-ignore
         return state.main.wallet.balance;
       },
-      transactions(state: StoreInterface) {
+      transactions(state): Array<Transaction> {
+        // @ts-ignore
         return state.main.wallet.transactions;
       },
     }),
+    /* eslint-enable */
   },
 
   methods: {
-    partialAddress,
+    partialAddress, // eslint-disable-line
   },
 });
 </script>
diff --git a/src/pages/WalletBalance.vue b/src/pages/WalletBalance.vue
index 4e54b54..b014ba4 100644
--- a/src/pages/WalletBalance.vue
+++ b/src/pages/WalletBalance.vue
@@ -1,7 +1,7 @@
 <template>
   <q-page padding class="page-margin">
     <!-- Wallet backup prompt -->
-    <wallet-backup-prompt @backupComplete="getBackupStatus" v-if="!isBackedUp" />
+    <wallet-backup-prompt v-if="!isBackedUp" @backupComplete="getBackupStatus" />
     <!-- Wallet balance -->
     <div class="text-primary text-center">
       <transaction-amount :amount="balance" :is-balance="true" />
@@ -17,7 +17,6 @@
 <script lang="ts">
 import Vue from 'vue';
 import { mapState } from 'vuex';
-import { StoreInterface } from 'src/store/index';
 import TransactionAmount from 'components/TransactionAmount.vue';
 import WalletBalanceTransactions from 'components/WalletBalanceTransactions.vue';
 
@@ -36,11 +35,14 @@ export default Vue.extend({
   },
 
   computed: {
+    /* eslint-disable */
     ...mapState({
-      balance(state: StoreInterface) {
+      balance(state) {
+        // @ts-ignore
         return state.main.wallet.balance || '0';
       },
     }),
+    /* eslint-enable */
   },
 
   mounted() {
diff --git a/src/pages/WalletCreate.vue b/src/pages/WalletCreate.vue
index f0a8503..9d939fb 100644
--- a/src/pages/WalletCreate.vue
+++ b/src/pages/WalletCreate.vue
@@ -70,15 +70,16 @@ export default Vue.extend({
     async handleCreate() {
       try {
         this.isLoading = true;
-        const wallet = new Wallet();
-        const encryptedMnemonic = await wallet.export(this.password1);
+        const wallet = new Wallet(); // eslint-disable-line
+        const encryptedMnemonic = await wallet.export(this.password1); // eslint-disable-line
         this.$q.localStorage.set('kaspa-wallet-data', encryptedMnemonic);
         this.$q.localStorage.set('is-backed-up', false);
         await this.$store.dispatch('main/getWalletInfo', wallet);
         await this.$router.push({ name: 'walletBalance' });
       } catch (err) {
         this.isLoading = false;
-        this.showError(err);
+        // @ts-ignore
+        this.showError(err); // eslint-disable-line
       }
     },
 
diff --git a/src/pages/WalletHandler.vue b/src/pages/WalletHandler.vue
index 8e29f95..6af0c8d 100644
--- a/src/pages/WalletHandler.vue
+++ b/src/pages/WalletHandler.vue
@@ -4,7 +4,6 @@
 
 <script lang="ts">
 import Vue from 'vue';
-import { StoreInterface } from 'src/store/index';
 import { mapState } from 'vuex';
 import WalletCreate from 'pages/WalletCreate.vue';
 import WalletOpen from 'pages/WalletOpen.vue';
@@ -18,11 +17,14 @@ export default Vue.extend({
   },
 
   computed: {
+    /* eslint-disable */
     ...mapState({
-      hasWallet(state: StoreInterface) {
+      hasWallet(state) {
+        // @ts-ignore
         return state.main.hasWallet;
       },
     }),
+    /* eslint-enable */
 
     pageToShow() {
       return this.hasWallet ? 'WalletOpen' : 'WalletCreate';
diff --git a/src/pages/WalletOpen.vue b/src/pages/WalletOpen.vue
index 91f5b6f..4ba4e6d 100644
--- a/src/pages/WalletOpen.vue
+++ b/src/pages/WalletOpen.vue
@@ -66,12 +66,13 @@ export default Vue.extend({
       try {
         this.isLoading = true;
         const encryptedMnemonic = this.$q.localStorage.getItem('kaspa-wallet-data');
-        const wallet = await Wallet.import(this.password, encryptedMnemonic);
+        const wallet = await Wallet.import(this.password, encryptedMnemonic); // eslint-disable-line
         await this.$store.dispatch('main/getWalletInfo', wallet);
         await this.$router.push({ name: 'walletBalance' });
       } catch (err) {
         this.isLoading = false;
-        this.showError(err);
+        // @ts-ignore
+        this.showError(err); // eslint-disable-line
       }
     },
   },
diff --git a/src/pages/WalletReceive.vue b/src/pages/WalletReceive.vue
index 1aece68..c827fa2 100644
--- a/src/pages/WalletReceive.vue
+++ b/src/pages/WalletReceive.vue
@@ -15,7 +15,6 @@
 <script lang="ts">
 import Vue from 'vue';
 import { mapState } from 'vuex';
-import { StoreInterface } from 'src/store/index';
 import { copyToClipboard } from 'quasar';
 import helpers from 'src/utils/mixin-helpers';
 
@@ -25,11 +24,14 @@ export default Vue.extend({
   mixins: [helpers],
 
   computed: {
+    /* eslint-disable */
     ...mapState({
-      address(state: StoreInterface): string {
+      address(state): string {
+        // @ts-ignore
         return state.main.wallet.address;
       },
     }),
+    /* eslint-enable */
   },
 
   methods: {
@@ -37,6 +39,7 @@ export default Vue.extend({
 
     async copyAddressToClipboard() {
       await this.copyToClipboard(this.address);
+      // @ts-ignore
       this.notifyUser('positive', 'Address has been copied to the clipboard'); // eslint-disable-line
     },
   },
diff --git a/src/pages/WalletRestore.vue b/src/pages/WalletRestore.vue
index 1f2af1f..423feb9 100644
--- a/src/pages/WalletRestore.vue
+++ b/src/pages/WalletRestore.vue
@@ -126,6 +126,7 @@
 import Vue from 'vue';
 import Wallet from 'src/wallet/Wallet';
 import helpers from 'src/utils/mixin-helpers';
+import { LocalStorage } from 'quasar';
 
 export default Vue.extend({
   name: 'RestoreWallet',
@@ -138,77 +139,71 @@ export default Vue.extend({
       showFileRestore: false,
       showSeedRestore: false,
       isPasswordVisible: false,
-      isLoading: undefined,
-      password: undefined,
+      isLoading: false,
+      password: '',
       // For file upload
       seedFile: undefined,
-      seedFileText: undefined,
       // For seed phrase
-      seedPhrase: undefined,
+      seedPhrase: '',
     };
   },
 
   computed: {
-    isReadyToDecrypt() {
-      return this.seedFileText && this.password;
+    isReadyToDecrypt(): boolean {
+      return Boolean(this.seedFile && this.password);
     },
 
-    isReadyToRestoreFromSeed() {
-      return this.seedPhrase && this.password;
-    },
-  },
-
-  watch: {
-    seedFile: {
-      async handler() {
-        const reader = new FileReader();
-        this.seedFileText = await this.readFile(this.seedFile);
-      },
+    isReadyToRestoreFromSeed(): boolean {
+      return Boolean(this.seedPhrase && this.password);
     },
   },
 
   methods: {
-    readFile(file) {
+    readFile() {
       return new Promise((resolve, reject) => {
         const reader = new FileReader();
         reader.onload = () => {
           resolve(reader.result);
         };
         reader.onerror = reject;
-        reader.readAsText(file);
+        // @ts-ignore
+        reader.readAsText(this.seedFile);
       });
     },
 
     async decryptFile() {
       try {
         this.isLoading = true;
-        const wallet = await Wallet.import(this.password, this.seedFileText);
+        const seedFileText = await this.readFile();
+        const wallet = await Wallet.import(this.password, seedFileText); // eslint-disable-line
         // Save this info into local storage for later
-        this.$q.localStorage.set('kaspa-wallet-data', this.seedFileText);
+        LocalStorage.set('kaspa-wallet-data', String(seedFileText));
         // Since it was imported from a file, we know it's already backed up
-        this.$q.localStorage.set('is-backed-up', true);
+        LocalStorage.set('is-backed-up', true);
         await this.$store.dispatch('main/getWalletInfo', wallet);
         await this.$router.push({ name: 'walletBalance' });
       } catch (err) {
         this.isLoading = false;
-        this.showError(err);
+        // @ts-ignore
+        this.showError(err); // eslint-disable-line
       }
     },
 
     async restoreFromSeed() {
       try {
         this.isLoading = true;
-        const wallet = Wallet.fromMnemonic(this.seedPhrase);
-        const encryptedMnemonic = await wallet.export(this.password);
+        const wallet = Wallet.fromMnemonic(this.seedPhrase); // eslint-disable-line
+        const encryptedMnemonic = await wallet.export(this.password); // eslint-disable-line
         // Save this info into local storage for later
-        this.$q.localStorage.set('kaspa-wallet-data', encryptedMnemonic);
+        LocalStorage.set('kaspa-wallet-data', encryptedMnemonic);
         // Since the phrase already exists, we know it's already backed up
-        this.$q.localStorage.set('is-backed-up', true);
+        LocalStorage.set('is-backed-up', true);
         await this.$store.dispatch('main/getWalletInfo', wallet);
         await this.$router.push({ name: 'walletBalance' });
       } catch (err) {
         this.isLoading = false;
-        this.showError(err);
+        // @ts-ignore
+        this.showError(err); // eslint-disable-line
       }
     },
   },
diff --git a/src/store/main/actions.ts b/src/store/main/actions.ts
index 64e3916..87c062c 100644
--- a/src/store/main/actions.ts
+++ b/src/store/main/actions.ts
@@ -1,10 +1,10 @@
-import Wallet from 'src/wallet/Wallet';
 import { ActionTree } from 'vuex';
 import { StoreInterface } from '../index';
 import { MainStateInterface } from './state';
 
 const actions: ActionTree<MainStateInterface, StoreInterface> = {
-  getWalletInfo({ commit }, wallet: Wallet) {
+  // eslint-disable-next-line
+  getWalletInfo({ commit }, wallet: any) {
     commit('setWalletInfo', wallet);
   },
 };
diff --git a/src/store/main/getters.ts b/src/store/main/getters.ts
index 4d0991d..323078a 100644
--- a/src/store/main/getters.ts
+++ b/src/store/main/getters.ts
@@ -4,7 +4,7 @@ import { MainStateInterface } from './state';
 
 const getters: GetterTree<MainStateInterface, StoreInterface> = {
   isLoggedIn(state: MainStateInterface): boolean {
-    return state.wallet?.mnemonic.split(' ').length === 12;
+    return state.wallet?.mnemonic.split(' ').length === 12; // eslint-disable-line
   },
 };
 
diff --git a/src/store/main/state.ts b/src/store/main/state.ts
index b2cfd99..f889d53 100644
--- a/src/store/main/state.ts
+++ b/src/store/main/state.ts
@@ -1,10 +1,10 @@
 // Source for Transaction, TransactionInputs, and TransactionOutput models
 // https://docs.kas.pa/kaspa/components/kasparov-api-server/api/methods#transaction-id-txid
-import Wallet from 'src/wallet/Wallet';
+// import Wallet from 'src/wallet/Wallet';
 
 export interface MainStateInterface {
   hasWallet: boolean;
-  wallet: Wallet | undefined;
+  wallet: any; // eslint-disable-line
 }
 
 const state: MainStateInterface = {
diff --git a/src/utils/mixin-helpers.ts b/src/utils/mixin-helpers.ts
index f603be9..439f07c 100644
--- a/src/utils/mixin-helpers.ts
+++ b/src/utils/mixin-helpers.ts
@@ -26,13 +26,13 @@ export default Vue.extend({
       });
     },
 
+    /* eslint-disable */
     /**
      * Show error message to user
      * @param {Any} err Error object thrown
      * @param {Any} msg Optional, fallback error message if one is not provided by the err object
      */
-    showError(err: unknown, msg = 'An unknown error occurred') {
-      /* eslint-disable */
+    showError(err: any, msg = 'An unknown error occurred') {
       console.error(err);
       if (!err) this.notifyUser('negative', msg);
       else if (err.message) this.notifyUser('negative', err.message);
diff --git a/src/wallet/Wallet.ts b/src/wallet/Wallet.ts
index a68794e..3cf922c 100644
--- a/src/wallet/Wallet.ts
+++ b/src/wallet/Wallet.ts
@@ -133,6 +133,7 @@ class Wallet {
    */
   static async import(password: string, encryptedMnemonic: string): Promise<Wallet> {
     const decrypted = await passworder.decrypt(password, encryptedMnemonic);
+    // @ts-ignore
     const seedPhrase = Buffer.from(decrypted, 'utf8').toString();
     return this.fromMnemonic(seedPhrase);
   }
@@ -143,6 +144,7 @@ class Wallet {
    * @returns Promise that resolves to object-like string. Suggested to store as string for .import().
    */
   async export(password: string): Promise<string> {
+    // @ts-ignore
     return passworder.encrypt(password, Buffer.from(this.mnemonic, 'utf8'));
   }
 }
diff --git a/src/wallet/typings.d.ts b/src/wallet/typings.d.ts
new file mode 100644
index 0000000..c610914
--- /dev/null
+++ b/src/wallet/typings.d.ts
@@ -0,0 +1 @@
+declare module '*';
diff --git a/test/jest/jest.setup.js b/test/jest/jest.setup.js
index d4c06b5..38b0170 100755
--- a/test/jest/jest.setup.js
+++ b/test/jest/jest.setup.js
@@ -5,7 +5,7 @@ bitcoreKaspaSetup();
 
 // No console.log() / setTimeout
 // console.log = jest.fn(() => { throw new Error('Do not use console.log() in production') })
-jest.setTimeout(2000);
+jest.setTimeout(10000);
 
 // jest speedup when errors are part of the game
 // Error.stackTraceLimit = 0

From bf97c3c40943f159263c176b87354c2e850a717d Mon Sep 17 00:00:00 2001
From: mds <17163988+mds1@users.noreply.github.com>
Date: Wed, 8 Jul 2020 16:35:38 -0700
Subject: [PATCH 2/2] Small UX tweaks

---
 src/components/WalletBackupPrompt.vue | 51 ++++++++++++++++-----------
 1 file changed, 30 insertions(+), 21 deletions(-)

diff --git a/src/components/WalletBackupPrompt.vue b/src/components/WalletBackupPrompt.vue
index b7fb987..43f4dfb 100644
--- a/src/components/WalletBackupPrompt.vue
+++ b/src/components/WalletBackupPrompt.vue
@@ -41,21 +41,25 @@
         <!-- Prompt user for password to unlock wallet -->
         <q-card-section v-if="!isPasswordVerified" class="q-pt-none">
           <div class="text-center q-mt-md q-mb-lg">
-            Your wallet is accessible by a seed. The seed is an ordered 12-word secret phrase.
+            Your wallet is accessible by a seed phrase. The seed phrase is an ordered 12-word secret
+            phrase.
             <br /><br />
             To create a backup of this seed phrase, enter your password below. This will save a file
             containting the encrypted contents to your device, and it can be decrypted using the
             same password.
           </div>
-          <base-input
-            v-model="password"
-            hint="Enter your password to continue"
-            :icon-append="isPasswordVisible ? 'fas fa-eye-slash' : 'fas fa-eye'"
-            label="Password"
-            style="min-width: 250px; max-width: 400px;"
-            :type="isPasswordVisible ? 'text' : 'password'"
-            @iconClicked="isPasswordVisible = !isPasswordVisible"
-          />
+          <div class="row justify-center">
+            <base-input
+              v-model="password"
+              class="col"
+              hint="Enter your password to continue"
+              :icon-append="isPasswordVisible ? 'fas fa-eye-slash' : 'fas fa-eye'"
+              label="Password"
+              style="min-width: 250px; max-width: 400px;"
+              :type="isPasswordVisible ? 'text' : 'password'"
+              @iconClicked="isPasswordVisible = !isPasswordVisible"
+            />
+          </div>
         </q-card-section>
 
         <div v-else-if="isBackupComplete" class="text-center">
@@ -99,19 +103,24 @@
         <!-- Prompt user for password to unlock wallet -->
         <q-card-section v-if="!isPasswordVerified" class="q-pt-none">
           <div class="text-center q-mt-md q-mb-lg">
-            Your wallet is accessible by a seed. The seed is an ordered 12-word secret phrase.
+            Your wallet is accessible by a seed phrase. The seed phrase is an ordered 12-word secret
+            phrase.
             <br /><br />
-            Make sure no one is looking, and enter your password to reveal your seed phrase.
+            Enter your password to reveal your seed phrase. Make sure no one is looking, as anyone
+            with your seed phrase can access your wallet your funds. Keep it safe!
+          </div>
+          <div class="row justify-center">
+            <base-input
+              v-model="password"
+              class="col"
+              hint="Enter your password to continue"
+              :icon-append="isPasswordVisible ? 'fas fa-eye-slash' : 'fas fa-eye'"
+              label="Password"
+              style="min-width: 250px; max-width: 400px;"
+              :type="isPasswordVisible ? 'text' : 'password'"
+              @iconClicked="isPasswordVisible = !isPasswordVisible"
+            />
           </div>
-          <base-input
-            v-model="password"
-            hint="Enter your password to continue"
-            :icon-append="isPasswordVisible ? 'fas fa-eye-slash' : 'fas fa-eye'"
-            label="Password"
-            style="min-width: 250px; max-width: 400px;"
-            :type="isPasswordVisible ? 'text' : 'password'"
-            @iconClicked="isPasswordVisible = !isPasswordVisible"
-          />
         </q-card-section>
 
         <!-- If user verified password, show them the seed phrase -->