From 7e7bb41a273096c0c02ee4ccc0efc71c80989cbb Mon Sep 17 00:00:00 2001
From: Marco Crapts <mcrapts@gmail.com>
Date: Sat, 20 May 2023 12:38:55 +0200
Subject: [PATCH] show auth modal in case of redirect

---
 src/components/TopBar.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue
index 2216b83..fa0c12b 100644
--- a/src/components/TopBar.vue
+++ b/src/components/TopBar.vue
@@ -2,6 +2,8 @@
 import { addNote, setActiveNote, rootNote } from '@/composables/useNotes'
 import { user, signOut as firebaseSignOut } from '@/composables/useFirebase'
 import { initialized } from '@/composables/useFirebase'
+import firebase from 'firebase/compat/app'
+import * as firebaseui from 'firebaseui'
 
 const props = defineProps<{
   sideBarCollapsed: boolean
@@ -15,6 +17,12 @@ const signOut = async (close: () => Promise<boolean>) => {
   await firebaseSignOut()
   close()
 }
+
+const authModalInitialStateOpen = ref(
+  (
+    firebaseui.auth.AuthUI.getInstance() || new firebaseui.auth.AuthUI(firebase.auth())
+  ).isPendingRedirect()
+)
 </script>
 <template>
   <div class="fixed left-0 right-0 top-0 z-[500] flex h-[50px] bg-primary">
@@ -38,7 +46,7 @@ const signOut = async (close: () => Promise<boolean>) => {
         >
           <i class="fas fa-plus-circle text-[1.1rem]" />
         </button>
-        <Modal v-if="initialized && !user">
+        <Modal v-if="initialized && !user" :open="authModalInitialStateOpen">
           <template #activator="{ open }">
             <button class="btn-outline btn-sm btn py-1 text-white" @click="open">Sign in</button>
           </template>