Display application icon

matrixgw_frontend/src/widgets/messages/MainMessagesWidget.tsx

@@ -11,6 +11,7 @@ import type { WsMessage } from "../../api/WsApi";
 import { RoomEventsManager } from "../../utils/RoomEventsManager";
 import { AsyncWidget } from "../AsyncWidget";
 import { useUserInfo } from "../dashboard/BaseAuthenticatedPage";
+import { AppIconModifier } from "./AppIconModifier";
 import { MatrixWS } from "./MatrixWS";
 import { RoomSelector } from "./RoomSelector";
 import { RoomWidget } from "./RoomWidget";
@@ -70,6 +71,11 @@ function _MainMessageWidget(p: {
       );
   }, [space, p.rooms]);
 
+  const unreadRooms = React.useMemo(
+    () => p.rooms.filter((r) => r.number_unread_messages > 0).length,
+    [p.rooms]
+  );
+
   const [_refreshCount, setRefreshCount] = React.useState(0);
   const [roomMgr, setRoomMgr] = React.useState<undefined | RoomEventsManager>();
 
@@ -117,6 +123,9 @@ function _MainMessageWidget(p: {
         <MatrixWS onMessage={handleWsEvent} />
       </div>
 
+      {/** Application icon modifier */}
+      <AppIconModifier numberUnread={unreadRooms} />
+
       {/* Space selector */}
       <SpaceSelector {...p} selectedSpace={space} onChange={setSpace} />