From 1fab8a155fafba4aefca5dbd620d9a203079fdd7 Mon Sep 17 00:00:00 2001
From: Made Baruna <made.setia@gmail.com>
Date: Sat, 16 Oct 2021 11:59:43 +0700
Subject: [PATCH] Hover to see email on settings

---
 src/locales/en.json              | 3 ++-
 src/routes/settings/index.svelte | 5 ++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/locales/en.json b/src/locales/en.json
index 497a3343..aeb60cf7 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -587,7 +587,8 @@
     "importWarning": "Remember to backup your data by exporting first! All data will be replaced!",
     "importContinue": "Continue",
     "importSuccess": "Import Success! Reloading in 5 seconds...",
-    "importFailed": "Import Failed!"
+    "importFailed": "Import Failed!",
+    "email": "Email:"
   },
   "privacypolicy": {
     "title": "Privacy Policy",
diff --git a/src/routes/settings/index.svelte b/src/routes/settings/index.svelte
index b574e102..796f40da 100644
--- a/src/routes/settings/index.svelte
+++ b/src/routes/settings/index.svelte
@@ -338,7 +338,10 @@
         <Icon path={mdiGoogleDrive} className="mr-2" />
         {$t('settings.driveSignOut')}
       </Button>
-      <p class="text-white mt-4">{$driveEmail}</p>
+      <p class="text-white mt-4">
+        {$t('settings.email')}
+        <span class="hover:text-white bg-background text-background rounded-md px-2">{$driveEmail}</span>
+      </p>
       <p class="text-white mt-4">
         {$t('settings.syncStatus')}
         <span class={`font-bold ${isSynced ? 'text-green-400' : 'text-yellow-400'}`}>