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) 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[]) { applyPagination(history: DBEvent[]) {
// Pagination comes in newest to oldest, timeline is in the opposite order // Pagination comes in newest to oldest, timeline is in the opposite order
history.reverse() history.reverse()

View file

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