1
0
Fork 0
forked from Mirrors/gomuks

web/timeline: render sender displayname

This commit is contained in:
Tulir Asokan 2024-10-10 01:39:48 +03:00
parent 3065f7363c
commit 09ca63742f
2 changed files with 11 additions and 1 deletions

View file

@ -74,6 +74,14 @@ export class RoomStateStore {
this.meta = new NonNullCachedEventDispatcher(meta)
}
getStateEvent(type: EventType, stateKey: string): DBEvent | undefined {
const rowID = this.state.get(type)?.get(stateKey)
if (!rowID) {
return
}
return this.eventsByRowID.get(rowID)
}
applyPagination(history: DBEvent[]) {
// Pagination comes in newest to oldest, timeline is in the opposite order
history.reverse()

View file

@ -40,6 +40,8 @@ const TimelineEvent = ({ room, eventRowID }: TimelineEventProps) => {
if (!evt) {
return null
}
const memberEvt = room.getStateEvent("m.room.member", evt.sender)
const memberEvtContent = memberEvt?.content as MemberEventContent | undefined
const BodyType = getBodyType(evt)
if (BodyType === HiddenEvent) {
return <div className="timeline-event">
@ -48,7 +50,7 @@ const TimelineEvent = ({ room, eventRowID }: TimelineEventProps) => {
}
return <div className="timeline-event">
<div className="event-sender">
{evt.sender}
{memberEvtContent?.displayname ?? evt.sender}
</div>
<BodyType room={room} event={evt}/>
</div>