Add space status indicator #245

2025-10-20 17:05:22 -07:00
parent e5b8987a9d
commit 7476767aa7
6 changed files with 93 additions and 47 deletions
@@ -6,17 +6,22 @@
  import {notifications} from "@app/util/notifications"
  import {makeSpacePath} from "@app/util/routes"
  import {pushDrawer} from "@app/util/modal"
+  import {deriveSocketStatus} from "@app/core/state"

  const {url} = $props()

  const path = makeSpacePath(url) + ":mobile"

+  const status = deriveSocketStatus(url)
+
  const openMenu = () => pushDrawer(MenuSpace, {url})
 </script>

 <Button onclick={openMenu} class="btn btn-neutral btn-sm relative md:hidden">
  <Icon icon={MenuDots} />
-  {#if $notifications.has(path)}
+  {#if $status.theme !== "success"}
+    <div class="absolute right-0 top-0 -mr-1 -mt-1 h-2 w-2 rounded-full bg-{$status.theme}"></div>
+  {:else if $notifications.has(path)}
    <div class="absolute right-0 top-0 -mr-1 -mt-1 h-2 w-2 rounded-full bg-primary"></div>
  {/if}
 </Button>