diff options
| author |   HsiangNianian <i@jyunko.cn> | 2026-01-15 18:17:49 +0800 |
|---|---|---|
| committer | HsiangNianian <i@jyunko.cn> | 2026-01-15 18:17:49 +0800 |
| commit | 314ce0e656107ab43a8e8681d85525a551f83f21 (patch) | |
| tree | 3beffaf90afc62221eca10dbfd72695800290843 /ui/src/components/BottomBar.svelte | |
| parent | 20cd97d8b3af67050fbe7b5f8d6d5fb1c1f3237b (diff) | |
| download | DropOut-314ce0e656107ab43a8e8681d85525a551f83f21.tar.gz DropOut-314ce0e656107ab43a8e8681d85525a551f83f21.zip | |
feat: Implement logout confirmation dialog and enhance account status display in BottomBar for improved user experience
Diffstat (limited to 'ui/src/components/BottomBar.svelte')
| -rw-r--r-- | ui/src/components/BottomBar.svelte | 23 |
1 files changed, 17 insertions, 6 deletions
diff --git a/ui/src/components/BottomBar.svelte b/ui/src/components/BottomBar.svelte index abb0b23..9dcb9ac 100644 --- a/ui/src/components/BottomBar.svelte +++ b/ui/src/components/BottomBar.svelte @@ -67,12 +67,23 @@ {authState.currentAccount ? authState.currentAccount.username : "Login Account"} </div> <div class="text-[10px] uppercase tracking-wider dark:text-zinc-500 text-gray-500 flex items-center gap-2"> - <span - class="w-1.5 h-1.5 rounded-full {authState.currentAccount - ? 'bg-emerald-500' - : 'bg-zinc-400'}" - ></span> - {authState.currentAccount ? "Online" : "Guest"} + {#if authState.currentAccount} + {#if authState.currentAccount.type === "Microsoft"} + {#if authState.currentAccount.expires_at && authState.currentAccount.expires_at * 1000 < Date.now()} + <span class="w-1.5 h-1.5 rounded-full bg-red-500"></span> + <span class="text-red-400">Expired</span> + {:else} + <span class="w-1.5 h-1.5 rounded-full bg-emerald-500"></span> + Online + {/if} + {:else} + <span class="w-1.5 h-1.5 rounded-full bg-amber-500"></span> + Offline + {/if} + {:else} + <span class="w-1.5 h-1.5 rounded-full bg-zinc-400"></span> + Guest + {/if} </div> </div> </div> |