n/nyxmuks
1
0
Fork 0
forked from Mirrors/gomuks
Code Pull requests Activity

web/roomlist: add title for pseudo-spaces

Browse source
This commit is contained in:
Tulir Asokan 2024-12-31 13:51:59 +02:00
parent d0c35dda75
commit 43f25727e6
1 changed files with 9 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
web/src/ui/roomlist/FakeSpace.tsx
View file

@ -30,27 +30,28 @@ export interface FakeSpaceProps {
onClickUnread?: (evt: React.MouseEvent<HTMLDivElement> | null, space: Space | null) => void
}
const getFakeSpaceIcon = (space: RoomListFilter | null): JSX.Element | null => {
const getFakeSpaceMeta = (space: RoomListFilter | null): [string | undefined, JSX.Element | null] => {
switch (space?.id) {
case undefined:
return <HomeIcon />
return ["Home", <HomeIcon />]
case "fi.mau.gomuks.direct_chats":
return <PersonIcon />
return ["Direct chats", <PersonIcon />]
case "fi.mau.gomuks.unreads":
return <NotificationsIcon />
return ["Unread chats", <NotificationsIcon />]
case "fi.mau.gomuks.space_orphans":
return <TagIcon />
return ["Rooms outside spaces", <TagIcon />]
default:
return null
return [undefined, null]
}
}
const FakeSpace = ({ space, setSpace, isActive, onClickUnread }: FakeSpaceProps) => {
const unreads = useEventAsState(space?.counts)
const onClickUnreadWrapped = onClickUnread ? () => onClickUnread(null, space) : undefined
return <div className={`space-entry ${isActive ? "active" : ""}`} onClick={() => setSpace(space)}>
const [title, icon] = getFakeSpaceMeta(space)
return <div className={`space-entry ${isActive ? "active" : ""}`} onClick={() => setSpace(space)} title={title}>
<UnreadCount counts={unreads} space={true} onClick={onClickUnreadWrapped} />
{getFakeSpaceIcon(space)}
{icon}
</div>
}