hide private key raw text by default

planetarium · Aug 7, 2024 · f1bdc32 · f1bdc32
1 parent a49e4dd
commit f1bdc32
Showing 1 changed file with 33 additions and 1 deletion.
diff --git a/popup/src/components/AccountManager.vue b/popup/src/components/AccountManager.vue
@@ -37,7 +37,38 @@
             <v-file-input v-if="imports.importType == 'json'" label="Private Key File" v-model="imports.jsonFile" />
             <v-text-field type="password" v-if="imports.importType == 'json'" color="pointyellow" :rules="requiredRule" :error-messages="imports.error" class="point-input" filled dense rows="4" label="Passphrase" v-model="imports.jsonPassphrase" />
 
-            <v-textarea v-if="imports.importType == 'raw'" color="pointyellow" :rules="requiredRule" :error-messages="imports.error" class="point-input" filled dense rows="4" label="Private Key" v-model="imports.privateKey"></v-textarea>
+						<v-text-field
+							v-if="imports.importType == 'raw' && !imports.showPrivateKey"
+							:type="'password'"
+							color="pointyellow"
+							:rules="requiredRule"
+							:error-messages="imports.error"
+							class="point-input"
+							filled
+							dense
+							rows="4"
+							label="Private Key"
+							v-model="imports.privateKey"
+						/>
+            <v-textarea
+							v-if="imports.importType == 'raw' && imports.showPrivateKey"
+							color="pointyellow"
+							:rules="requiredRule"
+							:error-messages="imports.error"
+							class="point-input"
+							filled
+							dense
+							rows="4"
+							label="Private Key"
+							v-model="imports.privateKey"
+						/>
+						<v-btn
+							color="point"
+							dark
+							outlined
+							@click="imports.showPrivateKey = !imports.showPrivateKey">
+							{{ imports.showPrivateKey ? t('hidePk') : t('showPk') }}
+						</v-btn>
           </div>
         </template>
         <v-card-actions class="justify-space-between">
@@ -140,6 +171,7 @@ export default defineComponent({
 				dialog: false,
 				accountName: "",
 				privateKey: "",
+				showPrivateKey: false,
 				error: null as string | null,
 				importType: "raw",
 				jsonFile: undefined as File | undefined,