summaryrefslogtreecommitdiff
path: root/ui/routes
diff options
context:
space:
mode:
Diffstat (limited to 'ui/routes')
-rw-r--r--ui/routes/(app)/+layout.svelte15
-rw-r--r--ui/routes/(login)/invite/[invite]/+page.js5
-rw-r--r--ui/routes/+layout.svelte4
3 files changed, 5 insertions, 19 deletions
diff --git a/ui/routes/(app)/+layout.svelte b/ui/routes/(app)/+layout.svelte
index 9843979..f860a6d 100644
--- a/ui/routes/(app)/+layout.svelte
+++ b/ui/routes/(app)/+layout.svelte
@@ -12,14 +12,6 @@
let loading = true;
let events = null;
- let showMenuValue;
- showMenu.subscribe((value) => {
- showMenuValue = value;
- });
-
- function toggleMenu() {
- showMenu.update((value) => !value);
- }
$: channel = $page?.params?.channel;
@@ -70,7 +62,7 @@
<h2>Loading&hellip;</h2>
{:else}
<div id="interface" class="p-2">
- <nav id="sidebar" data-expanded={showMenuValue}>
+ <nav id="sidebar" data-expanded={$showMenu}>
<div class="channel-list">
<ChannelList active={channel} />
</div>
@@ -120,11 +112,6 @@
height: calc(100vh - var(--app-bar-height) - var(--interface-padding));
z-index: 10;
}
- nav button {
- position: absolute;
- top: 0;
- right: 0;
- }
main {
grid-area: main;
height: calc(100vh - var(--app-bar-height) - var(--interface-padding));
diff --git a/ui/routes/(login)/invite/[invite]/+page.js b/ui/routes/(login)/invite/[invite]/+page.js
index ced109a..a48ba89 100644
--- a/ui/routes/(login)/invite/[invite]/+page.js
+++ b/ui/routes/(login)/invite/[invite]/+page.js
@@ -4,13 +4,12 @@ export async function load({ params }) {
let { invite } = params;
let response = await getInvite(invite);
switch (response.status) {
- case 200:
+ case 200: {
let invite = response.data;
return { invite };
- break;
+ }
case 404:
return null;
- break;
default:
// TODO: display error.
break;
diff --git a/ui/routes/+layout.svelte b/ui/routes/+layout.svelte
index 22377bb..da205d3 100644
--- a/ui/routes/+layout.svelte
+++ b/ui/routes/+layout.svelte
@@ -16,9 +16,9 @@
<div class="w-full">
<AppBar class="app-bar">
<svelte:fragment slot="lead">
- <a on:click|preventDefault={toggleMenu} class="cursor-pointer">
+ <button on:click|preventDefault={toggleMenu} class="cursor-pointer">
<img class="w-8 h-8" alt="logo" src={logo} />
- </a>
+ </button>
</svelte:fragment>
<a href="/">understory</a>
<svelte:fragment slot="trail">