From 74e5443f21d3c5131dc02db8c89d3ec11ef43b33 Mon Sep 17 00:00:00 2001
From: Giovane Cardoso <novout@hotmail.com>
Date: Sat, 21 May 2022 02:54:01 -0300
Subject: [PATCH] fix(router): dynamic auth redirect

---
 .../src/components/page/landing/AuthMain.vue          |  7 ++++++-
 .../better-write-app/src/components/utils/Logo.vue    |  2 +-
 packages/better-write-app/src/pages/Landing.vue       | 11 ++++-------
 packages/better-write-app/src/use/editor.ts           |  8 +++++---
 4 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/packages/better-write-app/src/components/page/landing/AuthMain.vue b/packages/better-write-app/src/components/page/landing/AuthMain.vue
index db6d5322d..ba1b5cd93 100644
--- a/packages/better-write-app/src/components/page/landing/AuthMain.vue
+++ b/packages/better-write-app/src/components/page/landing/AuthMain.vue
@@ -3,8 +3,12 @@
     v-motion
     :initial="{ opacity: 0, y: 50 }"
     :enter="{ opacity: 1, y: 0, transition: { delay: 0 } }"
-    class="flex items-center flex-col w-full md:w-1/3 bg-black-opacity shadow-lg p-5"
+    class="flex items-center flex-col w-full md:w-3/5 xl:w-1/3 bg-black-opacity shadow-lg p-5"
   >
+    <IconClose
+      class="absolute wb-icon right-5 w-6 h-6"
+      @click.prevent.stop="emit('close')"
+    />
     <img
       v-motion
       :initial="{ opacity: 0 }"
@@ -137,6 +141,7 @@
   const supabase = useSupabase()
   const router = useRouter()
   const { t } = useI18n()
+  const emit = defineEmits(['close'])
 
   const verification = ref<boolean>(false)
   const user = reactive({
diff --git a/packages/better-write-app/src/components/utils/Logo.vue b/packages/better-write-app/src/components/utils/Logo.vue
index ec8a23480..6879b73df 100644
--- a/packages/better-write-app/src/components/utils/Logo.vue
+++ b/packages/better-write-app/src/components/utils/Logo.vue
@@ -59,7 +59,7 @@
   const onClick = () => {
     if (props.hidden) return
 
-    local.onSaveProject().then(() => {
+    local.onSaveProject(false).then(() => {
       props.back ? router.back() : router.push('/landing')
     })
   }
diff --git a/packages/better-write-app/src/pages/Landing.vue b/packages/better-write-app/src/pages/Landing.vue
index a18e83f38..5e0f8793a 100644
--- a/packages/better-write-app/src/pages/Landing.vue
+++ b/packages/better-write-app/src/pages/Landing.vue
@@ -57,7 +57,9 @@
               class="flex text-gray-200 items-center text-lg rounded-full gap-2 transition-colors bg-gradient-to-br from-gray-300 to-gray-400 hover:from-gray-400 hover:to-gray-300 text-black px-7 py-3.5 md:(px-8 py-4) shadow-xl transition-colors font-bold"
               @click.prevent.stop="router.push('/about')"
             >
-              {{ t('landing.first.editor.about') }}
+              <p class="hidden md:inline-block">
+                {{ t('landing.first.editor.about') }}
+              </p>
               <IconHelp class="w-6 h-6" />
             </button>
             <button
@@ -90,7 +92,7 @@
             ></v-typical>
           </a>
         </div>
-        <AuthMain v-else />
+        <AuthMain v-else @close="isNecessaryLogin = false" />
       </div>
       <div
         v-else
@@ -114,11 +116,8 @@
   import { useWebGL } from '@/use/webgl'
   import { useI18n } from 'vue-i18n'
   import { watch } from 'vue'
-  import { useAuthStore } from '@/store/auth'
   import { useRouter } from 'vue-router'
 
-  const AUTH = useAuthStore()
-
   const { onClick, isNecessaryLogin } = useLanding()
   const { t } = useI18n()
   const webgl = useWebGL()
@@ -126,8 +125,6 @@
 
   webgl.init()
 
-  if (AUTH.account.user) router.push('/')
-
   watch(isNecessaryLogin, (login) => {
     if (login) {
       setTimeout(() => {
diff --git a/packages/better-write-app/src/use/editor.ts b/packages/better-write-app/src/use/editor.ts
index bb19d7ccb..f758abf91 100644
--- a/packages/better-write-app/src/use/editor.ts
+++ b/packages/better-write-app/src/use/editor.ts
@@ -7,7 +7,7 @@ import { useLocalStorage } from '@/use/storage/local'
 import { useEventListener, useFullscreen, useNetwork } from '@vueuse/core'
 import { useHead } from '@vueuse/head'
 import { usePlugin } from 'better-write-plugin-core'
-import { computed, onMounted, watch } from 'vue'
+import { computed, onBeforeMount, onMounted, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
 import { useListener } from './listener'
@@ -39,11 +39,13 @@ export const useEditor = () => {
   const network = useNetwork()
 
   const init = () => {
-    onMounted(() => {
+    onBeforeMount(() => {
       if (!AUTH.account.user && network.isOnline.value)
         router.push({ path: '/landing', query: { login: 'auth' } })
+    })
 
-      project.onLoadProject()
+    onMounted(() => {
+      project.onLoadProject(undefined, false)
     })
 
     useEventListener('beforeunload', () => {