56 lines
1.9 KiB
Svelte
56 lines
1.9 KiB
Svelte
<script lang="ts">
|
|
import {onMount} from "svelte"
|
|
import Home from "@assets/icons/home.svg?dataurl"
|
|
import Icon from "@lib/components/Icon.svelte"
|
|
import Page from "@lib/components/Page.svelte"
|
|
import PageBar from "@lib/components/PageBar.svelte"
|
|
import PageContent from "@lib/components/PageContent.svelte"
|
|
import HomeInbox from "@app/components/HomeInbox.svelte"
|
|
import HomeActivity from "@app/components/HomeActivity.svelte"
|
|
import HomeNetwork from "@app/components/HomeNetwork.svelte"
|
|
import HomeHealthChecks from "@app/components/HomeHealthChecks.svelte"
|
|
import HomeHosting from "@app/components/HomeHosting.svelte"
|
|
import {goToSpace} from "@app/routes"
|
|
import {HOSTING_ENABLED} from "@app/hosting"
|
|
import {PLATFORM_RELAYS} from "@app/env"
|
|
|
|
const today = new Date().toLocaleDateString(undefined, {
|
|
weekday: "long",
|
|
month: "short",
|
|
day: "numeric",
|
|
})
|
|
|
|
// A single-space build has no dashboard to show - everything on it is scoped to the one space.
|
|
onMount(() => {
|
|
if (PLATFORM_RELAYS.length > 0) {
|
|
goToSpace(PLATFORM_RELAYS[0], {replaceState: true})
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<Page>
|
|
<PageBar>
|
|
<div class="flex items-center justify-between gap-2">
|
|
<div class="flex items-center gap-2">
|
|
<Icon icon={Home} size={6} />
|
|
<strong>Home</strong>
|
|
</div>
|
|
<span class="hidden text-sm opacity-75 sm:inline">{today}</span>
|
|
</div>
|
|
</PageBar>
|
|
<PageContent noPad class="flex flex-col">
|
|
<div class="flex min-w-0 flex-col lg:flex-row lg:items-stretch">
|
|
<div class="flex min-w-0 flex-col bg-surface lg:flex-[2] lg:border-r lg:border-line">
|
|
<HomeInbox />
|
|
<HomeActivity />
|
|
<HomeNetwork />
|
|
</div>
|
|
<div class="flex min-w-0 flex-col border-t border-line lg:w-80 lg:shrink-0 lg:border-t-0">
|
|
<HomeHealthChecks />
|
|
{#if HOSTING_ENABLED}
|
|
<HomeHosting />
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
</PageContent>
|
|
</Page>
|