matt/flotilla
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Show loading on spaces menu

Browse source
This commit is contained in:
Jon Staab 2025-11-05 15:24:46 -08:00
parent 57348472f8
commit b5917cb184
2 changed files with 19 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/app/components/MenuSpacesItem.svelte
View file

@ -13,7 +13,7 @@
</script> </script>
<Link replaceState href={path}> <Link replaceState href={path}>
<CardButton class="btn-neutral"> <CardButton class="btn-neutral shadow-md">
{#snippet icon()} {#snippet icon()}
<div><SpaceAvatar {url} /></div> <div><SpaceAvatar {url} /></div>
{/snippet} {/snippet}

9
src/routes/spaces/+page.svelte
View file

@ -8,7 +8,7 @@
import PageContent from "@lib/components/PageContent.svelte" import PageContent from "@lib/components/PageContent.svelte"
import MenuSpacesItem from "@app/components/MenuSpacesItem.svelte" import MenuSpacesItem from "@app/components/MenuSpacesItem.svelte"
import SpaceAdd from "@app/components/SpaceAdd.svelte" import SpaceAdd from "@app/components/SpaceAdd.svelte"
import {userSpaceUrls, PLATFORM_RELAYS} from "@app/core/state" import {userSpaceUrls, loadUserGroupSelections, PLATFORM_RELAYS} from "@app/core/state"
import {pushModal} from "@app/util/modal" import {pushModal} from "@app/util/modal"
const addSpace = () => pushModal(SpaceAdd) const addSpace = () => pushModal(SpaceAdd)
@ -37,6 +37,12 @@
{#each PLATFORM_RELAYS as url (url)} {#each PLATFORM_RELAYS as url (url)}
<MenuSpacesItem {url} /> <MenuSpacesItem {url} />
{:else} {:else}
{#await loadUserGroupSelections()}
<div class="flex justify-center items-center py-20">
<span class="loading loading-spinner mr-3"></span>
Loading your spaces...
</div>
{:then}
{#each $userSpaceUrls as url (url)} {#each $userSpaceUrls as url (url)}
<MenuSpacesItem {url} /> <MenuSpacesItem {url} />
{:else} {:else}
@ -48,6 +54,7 @@
</Button> </Button>
</div> </div>
{/each} {/each}
{/await}
{/each} {/each}
</PageContent> </PageContent>
</Page> </Page>