From df7ace2eedb7475cf4aec665110be0e8a7cee9a1 Mon Sep 17 00:00:00 2001
From: Novout <novout@hotmail.com>
Date: Wed, 17 Nov 2021 18:55:54 -0300
Subject: [PATCH] feat(desktop): updater tooltip

---
 .../header/items/EditorBaseHeaderElectron.vue | 22 ++++++++++++++-----
 src/components/editor/pwa/PWAPrompt.vue       |  2 +-
 src/lang/br/desktop.ts                        |  5 +++++
 src/lang/br/index.ts                          |  2 ++
 src/lang/en/desktop.ts                        |  5 +++++
 src/lang/en/index.ts                          |  2 ++
 src/use/pdf.ts                                |  2 +-
 7 files changed, 33 insertions(+), 7 deletions(-)
 create mode 100644 src/lang/br/desktop.ts
 create mode 100644 src/lang/en/desktop.ts

diff --git a/src/components/editor/header/items/EditorBaseHeaderElectron.vue b/src/components/editor/header/items/EditorBaseHeaderElectron.vue
index 658d46afb..9cc8ed55d 100644
--- a/src/components/editor/header/items/EditorBaseHeaderElectron.vue
+++ b/src/components/editor/header/items/EditorBaseHeaderElectron.vue
@@ -54,11 +54,20 @@
     </HeroIcon>
     <HeroIcon
       v-if="update"
-      :class="[
-        !update
-          ? 'wb-icon no-drag mb-2 ml-1'
-          : 'text-theme-editor-electron-update-text hover:theme-editor-electron-update-text-hover active:theme-editor-electron-update-text-active no-drag cursor-pointer mb-2 ml-1',
-      ]"
+      v-tooltip.bottom-end="{
+        content: t('desktop.update.tooltip'),
+        theme: 'better-write',
+      }"
+      class="
+        wb-icon
+        text-theme-editor-electron-update-text
+        hover:theme-editor-electron-update-text-hover
+        active:theme-editor-electron-update-text-active
+        no-drag
+        cursor-pointer
+        mb-2
+        ml-1'
+      "
       @click.prevent.stop="onUpdate"
     >
       <svg
@@ -83,10 +92,13 @@
 <script setup lang="ts">
   import { useEditor } from '@/use/editor'
   import { ref } from 'vue'
+  import { useI18n } from 'vue-i18n'
 
   const editor = useEditor()
   const update = ref<boolean>(false)
 
+  const { t } = useI18n()
+
   const onClose = () => {
     window.close()
   }
diff --git a/src/components/editor/pwa/PWAPrompt.vue b/src/components/editor/pwa/PWAPrompt.vue
index c103d213f..8926aa73e 100644
--- a/src/components/editor/pwa/PWAPrompt.vue
+++ b/src/components/editor/pwa/PWAPrompt.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    v-if="offlineReady || needRefresh"
+    v-if="offlineReady && needRefresh"
     class="
       fixed
       top-0
diff --git a/src/lang/br/desktop.ts b/src/lang/br/desktop.ts
new file mode 100644
index 000000000..5e5f92b6a
--- /dev/null
+++ b/src/lang/br/desktop.ts
@@ -0,0 +1,5 @@
+export default {
+  update: {
+    tooltip: 'Atualização Disponível!',
+  },
+}
diff --git a/src/lang/br/index.ts b/src/lang/br/index.ts
index 4fe13f191..8b8b79e42 100644
--- a/src/lang/br/index.ts
+++ b/src/lang/br/index.ts
@@ -2,6 +2,7 @@ import editor from './editor'
 import toast from './toast'
 import landing from './landing'
 import seo from './seo'
+import desktop from './desktop'
 import logger from './plugin/logger'
 
 export default {
@@ -9,6 +10,7 @@ export default {
   toast,
   landing,
   seo,
+  desktop,
   plugin: {
     logger,
   },
diff --git a/src/lang/en/desktop.ts b/src/lang/en/desktop.ts
new file mode 100644
index 000000000..5725d1955
--- /dev/null
+++ b/src/lang/en/desktop.ts
@@ -0,0 +1,5 @@
+export default {
+  update: {
+    tooltip: 'Update Available!',
+  },
+}
diff --git a/src/lang/en/index.ts b/src/lang/en/index.ts
index 4ebaf0e56..251e8a0c9 100644
--- a/src/lang/en/index.ts
+++ b/src/lang/en/index.ts
@@ -1,6 +1,7 @@
 import editor from './editor'
 import toast from './toast'
 import landing from './landing'
+import desktop from './desktop'
 import seo from './seo'
 import logger from './plugin/logger'
 
@@ -9,6 +10,7 @@ export default {
   toast,
   landing,
   seo,
+  desktop,
   plugin: {
     logger,
   },
diff --git a/src/use/pdf.ts b/src/use/pdf.ts
index fc85555f4..896cdc03a 100644
--- a/src/use/pdf.ts
+++ b/src/use/pdf.ts
@@ -766,7 +766,7 @@ export const usePDF = () => {
 
     pdf.download(`${PROJECT.nameRaw}.pdf`, () => {
       toast.success(t('toast.pdf.create'))
-      
+
       ABSOLUTE.load = false
 
       isLoading.value = false