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

web/roomlist: add bidi isolate for sender names

Browse source
This commit is contained in:
Tulir Asokan 2024-12-28 17:19:33 +02:00
parent 8f46121413
commit 0b424e59bf
1 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
web/src/ui/roomlist/Entry.tsx
View file

@ -13,7 +13,7 @@
//
// You should have received a copy of the GNU Affero General Public License
// along with this program. If not, see <https://www.gnu.org/licenses/>.
import { memo, use } from "react"
import { JSX, memo, use } from "react"
import { getRoomAvatarURL } from "@/api/media.ts"
import type { RoomListEntry } from "@/api/statestore"
import type { MemDBEvent, MemberEventContent } from "@/api/types"
@ -28,9 +28,9 @@ export interface RoomListEntryProps {
hidden: boolean
}
function getPreviewText(evt?: MemDBEvent, senderMemberEvt?: MemDBEvent | null): [string, string] {
function getPreviewText(evt?: MemDBEvent, senderMemberEvt?: MemDBEvent | null): [string, JSX.Element | null] {
if (!evt) {
return ["", ""]
return ["", null]
}
if ((evt.type === "m.room.message" || evt.type === "m.sticker") && typeof evt.content.body === "string") {
// eslint-disable-next-line react-hooks/rules-of-hooks
@ -44,10 +44,14 @@ function getPreviewText(evt?: MemDBEvent, senderMemberEvt?: MemDBEvent | null):
}
return [
`${displayname}: ${evt.content.body}`,
`${displayname.length > 16 ? displayname.slice(0, 12) + "…" : displayname}: ${previewText}`,
<>
<span style={{ unicodeBidi: "isolate" }}>
{displayname.length > 16 ? displayname.slice(0, 12) + "…" : displayname}
</span>: {previewText}
</>,
]
}
return ["", ""]
return ["", null]
}
function renderEntry(room: RoomListEntry) {