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

further optimize message rendering

Browse source
This commit is contained in:
hippoz 2022-09-17 23:44:46 +03:00
parent 595b6ac1f2
commit 80ab321103
Signed by: hippoz
GPG key ID: 7C52899193467641
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/components/Messages.svelte
View file

@ -84,9 +84,9 @@
<div class="messages-container" on:scroll={ onScroll } bind:this={ scrollTarget }> <div class="messages-container" on:scroll={ onScroll } bind:this={ scrollTarget }>
{#each $messages as message (message.id)} {#each $messages as message (message.id)}
{#if message._showDateMarkerAbove} {#if message._aboveDateMarker}
<div class="time-separator"> <div class="time-separator">
<span>{ new Intl.DateTimeFormat(getItem("ui:locale"), { month: "long", day: "numeric", year: "numeric" }).format(message._createdAtDate) }</span> <span>{ message._aboveDateMarker }</span>
</div> </div>
{/if} {/if}
<Message message={message} /> <Message message={message} />

4
frontend/src/stores.js
View file

@ -152,7 +152,7 @@ class MessageStore extends Store {
message._mentions = false; message._mentions = false;
message._editable = false; message._editable = false;
message._clumped = false; message._clumped = false;
message._showDateMarkerAbove = false; message._aboveDateMarker = null;
if (userInfoStore.value && message.content.includes("@" + userInfoStore.value.username)) { if (userInfoStore.value && message.content.includes("@" + userInfoStore.value.username)) {
message._mentions = true; message._mentions = true;
} }
@ -163,7 +163,7 @@ class MessageStore extends Store {
message._clumped = true; message._clumped = true;
} }
if (previous && (previous._createdAtDateString !== message._createdAtDateString)) { if (previous && (previous._createdAtDateString !== message._createdAtDateString)) {
message._showDateMarkerAbove = true; message._aboveDateMarker = new Intl.DateTimeFormat(getItem("ui:locale"), { month: "long", day: "numeric", year: "numeric" }).format(message._createdAtDate);
} }
return message; return message;
} }