From f1bdc32fea549860eacea50bbe91c3fafaaef367 Mon Sep 17 00:00:00 2001
From: Hyun Seungmin <boscohyun@gmail.com>
Date: Wed, 7 Aug 2024 17:44:07 +0900
Subject: [PATCH] hide private key raw text by default

---
 popup/src/components/AccountManager.vue | 34 ++++++++++++++++++++++++-
 1 file changed, 33 insertions(+), 1 deletion(-)

diff --git a/popup/src/components/AccountManager.vue b/popup/src/components/AccountManager.vue
index 624bee7..bbb8df5 100644
--- 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,