Display rooms list

matrixgw_frontend/src/widgets/messages/MainMessagesWidget.tsx

@@ -8,6 +8,7 @@ import { MatrixSyncApi } from "../../api/MatrixSyncApi";
 import { AsyncWidget } from "../AsyncWidget";
 import { SpaceSelector } from "./SpaceSelector";
 import { Divider } from "@mui/material";
+import { RoomSelector } from "./RoomSelector";
 
 export function MainMessageWidget(): React.ReactElement {
   const [rooms, setRooms] = React.useState<Room[] | undefined>();
@@ -44,10 +45,27 @@ function _MainMessageWidget(p: {
   users: UsersMap;
 }): React.ReactElement {
   const [space, setSpace] = React.useState<string | undefined>();
+  const [room, setRoom] = React.useState<Room | undefined>();
+
+  const spaceRooms = React.useMemo(() => {
+    return p.rooms
+      .filter((r) => !r.is_space && (!space || r.parents.includes(space)))
+      .sort(
+        (a, b) => (b.latest_event?.time ?? 0) - (a.latest_event?.time ?? 0)
+      );
+  }, [space, p.rooms]);
+
   return (
     <div style={{ display: "flex", height: "100%" }}>
       <SpaceSelector {...p} selectedSpace={space} onChange={setSpace} />
       <Divider orientation="vertical" />
+      <RoomSelector
+        {...p}
+        rooms={spaceRooms}
+        currRoom={room}
+        onChange={setRoom}
+      />
+      <Divider orientation="vertical" />
       <span style={{ flex: 1 }}>todo</span>
     </div>
   );