From 2739a07ad4ff0d85f757b64328013ddefa473c27 Mon Sep 17 00:00:00 2001 From: mtyszczak <mateusz.tyszczak@gmail.com> Date: Mon, 17 Mar 2025 18:08:56 +0100 Subject: [PATCH] Always load theme toggling --- src/components/sidebar/AppSidebar.vue | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/sidebar/AppSidebar.vue b/src/components/sidebar/AppSidebar.vue index 762ec45..72ae1ef 100644 --- a/src/components/sidebar/AppSidebar.vue +++ b/src/components/sidebar/AppSidebar.vue @@ -53,12 +53,12 @@ const items = [ <template> <Sidebar> <SidebarHeader class="pb-0"> - <div class="flex items-center rounded-lg p-2 mt-1 mx-1 bg-background/40 border" v-if="settingsStore.isLoaded && hasUser"> + <div class="flex items-center rounded-lg p-2 mt-1 mx-1 bg-background/40 border"> <Avatar class="w-8 h-8 mr-2"> <AvatarImage v-if="userStore.profileImage" :src="userStore.profileImage" /> - <AvatarFallback>{{ settingsStore.settings.account?.slice(0, 2) }}</AvatarFallback> + <AvatarFallback v-if="settingsStore.isLoaded && hasUser">{{ settingsStore.settings.account?.slice(0, 2) }}</AvatarFallback> </Avatar> - <span class="font-bold max-w-[140px] truncate">@{{ settingsStore.settings.account }}</span> + <span class="font-bold max-w-[140px] truncate" v-if="settingsStore.isLoaded && hasUser">@{{ settingsStore.settings.account }}</span> <ThemeSwitch class="ml-auto w-5 h-5 mr-1" /> </div> </SidebarHeader> @@ -80,7 +80,7 @@ const items = [ </SidebarGroup> </SidebarContent> <SidebarFooter> - <Button class="bg-background/40" variant="outline" v-if="settingsStore.isLoaded && hasUser" @click="logout"> + <Button class="bg-background/40" variant="outline" :disabled="!settingsStore.isLoaded || !hasUser" @click="logout"> <img v-if="hasUser" :src="getWalletIcon(settingsStore.settings.wallet!)" class="h-6 w-6" /> <span class="font-bold">Disconnect</span> </Button> -- GitLab