Mobile

layouts/mobile.vue

@@ -2,6 +2,7 @@
 import { ref, onMounted, onBeforeUnmount } from "vue"
 
 import dayjs from "dayjs";
+import {useAuthStore} from "~/stores/auth.js";
 
 const route = useRoute()
 const auth = useAuthStore()
@@ -234,9 +235,9 @@ onBeforeUnmount(() => {
       class="w-1/3 mx-auto my-10"
       v-else
     />
-    <div v-if="!auth.activeTenant" class="w-full mx-auto text-center">
+    <div v-if="!auth.activeTenant && auth.tenants?.length > 0 " class="w-full mx-auto text-center">
       <!-- Tenant Selection      -->
-      <h3 class="text-center font-bold text-2xl mb-5">Kein Aktiver Mandant. Bitte wählen Sie ein Mandant.</h3>
+      <h3 class="text-center font-bold text-2xl mb-5">Kein Aktiver Mandant. <br>Bitte wählen Sie ein Mandant.</h3>
       <div class="mx-auto w-5/6 flex flex-row justify-between my-3" v-for="tenant in auth.tenants">
         <span class="text-left">{{tenant.name}}</span>
         <UButton
@@ -252,7 +253,14 @@ onBeforeUnmount(() => {
 
     </div>
     <div v-else>
-      <UProgress animation="carousel" class="w-3/4 mx-auto mt-10" />
+      <UProgress animation="carousel" class="w-3/4 mx-auto mt-10" />Test
+      {{auth.tenants}}
+
+      <UButton
+          variant="outline"
+          color="rose"
+          @click="auth.logout()"
+      >Abmelden</UButton>
     </div>
   </div>