Mirrors/gomuks
1
0
Fork 1
mirror of https://github.com/tulir/gomuks.git synced 2025-04-20 10:33:41 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

web/timeline: don't render reactions if there are none

Browse source
This commit is contained in:
Tulir Asokan 2024-10-27 16:11:11 +02:00
parent 96019b6ef7
commit 6b4b12435a
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
web/src/ui/timeline/TimelineEvent.tsx
View file

@ -41,14 +41,18 @@ const formatShortTime = (time: Date) =>
`${time.getHours().toString().padStart(2, "0")}:${time.getMinutes().toString().padStart(2, "0")}` `${time.getHours().toString().padStart(2, "0")}:${time.getMinutes().toString().padStart(2, "0")}`
const EventReactions = ({ reactions }: { reactions: Record<string, number> }) => { const EventReactions = ({ reactions }: { reactions: Record<string, number> }) => {
const reactionEntries = Object.entries(reactions).filter(([, count]) => count > 0).sort((a, b) => b[1] - a[1])
if (reactionEntries.length === 0) {
return null
}
return <div className="event-reactions"> return <div className="event-reactions">
{Object.entries(reactions).map(([reaction, count]) => count > 0 ? {reactionEntries.map(([reaction, count]) =>
<div key={reaction} className="reaction" title={reaction}> <div key={reaction} className="reaction" title={reaction}>
{reaction.startsWith("mxc://") {reaction.startsWith("mxc://")
? <img className="reaction-emoji" src={getMediaURL(reaction)} alt=""/> ? <img className="reaction-emoji" src={getMediaURL(reaction)} alt=""/>
: <span className="reaction-emoji">{reaction}</span>} : <span className="reaction-emoji">{reaction}</span>}
<span className="reaction-count">{count}</span> <span className="reaction-count">{count}</span>
</div> : null)} </div>)}
</div> </div>
} }