From 43f25727e64c68c82f11b8d28cabbf8d92279d27 Mon Sep 17 00:00:00 2001
From: Tulir Asokan <tulir@maunium.net>
Date: Tue, 31 Dec 2024 13:51:59 +0200
Subject: [PATCH] web/roomlist: add title for pseudo-spaces

---
 web/src/ui/roomlist/FakeSpace.tsx | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/web/src/ui/roomlist/FakeSpace.tsx b/web/src/ui/roomlist/FakeSpace.tsx
index 00ac3a7..59120e8 100644
--- a/web/src/ui/roomlist/FakeSpace.tsx
+++ b/web/src/ui/roomlist/FakeSpace.tsx
@@ -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>
 }