hippoz/waffle
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Compare commits

base: hippoz:addfddd3ac0342497e6215373eb773c0903fdf0f
Branches Tags
hippoz:master
..
compare: hippoz:0d95b0240191a1d0255d8455bb08f56a3a23f2b7
Branches Tags
hippoz:master

No commits in common. "addfddd3ac0342497e6215373eb773c0903fdf0f" and "0d95b0240191a1d0255d8455bb08f56a3a23f2b7" have entirely different histories.
addfddd3ac ... 0d95b02401

2 changed files with 3 additions and 17 deletions
Show stats Expand all files Collapse all files

3
frontend/src/components/pages/main/ChannelView.svelte
View file

@ -28,10 +28,9 @@
createdAt: Date.now().toString()
};
messages.addMessage(optimisticMessage);
messageInput = "";
const res = await request("POST", apiRoute(`channels/${channel.id}/messages`), true, {
content: optimisticMessage.content
content: messageInput
});
if (res.success && res.ok) {

15
frontend/src/components/pages/main/Messages.svelte
View file

@ -1,23 +1,10 @@
<script>
import { afterUpdate, beforeUpdate } from "svelte";
import { messagesStoreProvider } from "../../../stores.js";
export let channelId;
let scrollTarget;
let shouldAutoscroll = false;
$: messages = messagesStoreProvider.getStore(channelId);
beforeUpdate(() => {
shouldAutoscroll = scrollTarget && (scrollTarget.offsetHeight + scrollTarget.scrollTop) > (scrollTarget.scrollHeight - 20);
});
afterUpdate(() => {
if (shouldAutoscroll && scrollTarget) {
scrollTarget.scrollTo(0, scrollTarget.scrollHeight);
}
});
const onScroll = (e) => {
const { scrollTop, offsetHeight, scrollHeight } = e.target;
if (scrollTop === 0) {
@ -43,7 +30,7 @@
}
</style>
<div class="messages-container" on:scroll={ onScroll } bind:this={ scrollTarget }>
<div class="messages-container" on:scroll={ onScroll }>
{#each $messages as message (message.id)}
<div>
<b>{ message.author_username }</b>