summaryrefslogtreecommitdiff
path: root/ui/routes/(app)
diff options
context:
space:
mode:
authorOwen Jacobson <owen@grimoire.ca>2025-01-11 13:34:13 -0500
committerOwen Jacobson <owen@grimoire.ca>2025-01-11 13:34:13 -0500
commit6d51f8568e337e768505ccfdef916b84dd6eb1b3 (patch)
treedec4545ccbe44c8e2baf6e633308359f40ac610a /ui/routes/(app)
parentd858fc8105cfe6333671426fe0e43302bceace92 (diff)
npm run format
Diffstat (limited to 'ui/routes/(app)')
-rw-r--r--ui/routes/(app)/+layout.svelte6
-rw-r--r--ui/routes/(app)/+page.svelte4
-rw-r--r--ui/routes/(app)/ch/[channel]/+page.svelte14
3 files changed, 12 insertions, 12 deletions
diff --git a/ui/routes/(app)/+layout.svelte b/ui/routes/(app)/+layout.svelte
index 08444bd..cbfef54 100644
--- a/ui/routes/(app)/+layout.svelte
+++ b/ui/routes/(app)/+layout.svelte
@@ -41,7 +41,7 @@
let hasUnreads = lastMessageAt > ch.lastReadAt;
enrichedChannels.push({
...ch,
- hasUnreads,
+ hasUnreads
});
}
}
@@ -116,7 +116,7 @@
}
</script>
-<svelte:window on:beforeunload={beforeUnload}/>
+<svelte:window on:beforeunload={beforeUnload} />
<svelte:head>
<!-- TODO: unread count? -->
@@ -128,7 +128,7 @@
{:else}
<div id="interface">
<nav id="sidebar" data-expanded={pageContext.showMenu}>
- <ChannelList active={channel} channels={enrichedChannels} />
+ <ChannelList active={channel} channels={enrichedChannels} />
<div class="create-channel">
<CreateChannelForm />
</div>
diff --git a/ui/routes/(app)/+page.svelte b/ui/routes/(app)/+page.svelte
index e15bca8..007c5c6 100644
--- a/ui/routes/(app)/+page.svelte
+++ b/ui/routes/(app)/+page.svelte
@@ -1,5 +1,3 @@
<div class="no-active-channel">
- <span class="vertical-aligner">
- Please select or create a channel.
- </span>
+ <span class="vertical-aligner"> Please select or create a channel. </span>
</div>
diff --git a/ui/routes/(app)/ch/[channel]/+page.svelte b/ui/routes/(app)/ch/[channel]/+page.svelte
index 8eba709..dbdb507 100644
--- a/ui/routes/(app)/ch/[channel]/+page.svelte
+++ b/ui/routes/(app)/ch/[channel]/+page.svelte
@@ -18,15 +18,17 @@
const elementTop = elRect.top;
const elementBottom = elRect.bottom;
- return ((parentTop < elementTop) && (parentBottom > elementBottom));
+ return parentTop < elementTop && parentBottom > elementBottom;
}
function getLastVisibleMessage() {
const parentElement = activeChannel;
const childElements = parentElement.getElementsByClassName('message');
- const lastInView = Array.from(childElements).reverse().find((el) => {
- return inView(parentElement, el);
- });
+ const lastInView = Array.from(childElements)
+ .reverse()
+ .find((el) => {
+ return inView(parentElement, el);
+ });
return lastInView;
}
@@ -50,14 +52,14 @@
});
function handleKeydown(event) {
- if (event.key === 'Escape') {
+ if (event.key === 'Escape') {
setLastRead(); // TODO: pass in "last message DT"?
}
}
let lastReadCallback = null;
function handleScroll() {
- clearTimeout(lastReadCallback); // Fine if lastReadCallback is null still.
+ clearTimeout(lastReadCallback); // Fine if lastReadCallback is null still.
lastReadCallback = setTimeout(setLastRead, 2 * 1000);
}
</script>