From a7bfd713c3e1ed6881b04bc5383549fead6a6b3f Mon Sep 17 00:00:00 2001
From: Pierre HUBERT <pierre.git@communiquons.org>
Date: Mon, 24 Nov 2025 17:59:12 +0100
Subject: [PATCH] Ready to implement room widget

---
 .../widgets/messages/MainMessagesWidget.tsx   | 19 ++++++++++++++++---
 .../src/widgets/messages/RoomWidget.tsx       |  9 +++++++++
 2 files changed, 25 insertions(+), 3 deletions(-)
 create mode 100644 matrixgw_frontend/src/widgets/messages/RoomWidget.tsx

diff --git a/matrixgw_frontend/src/widgets/messages/MainMessagesWidget.tsx b/matrixgw_frontend/src/widgets/messages/MainMessagesWidget.tsx
index b96d348..d8ec52a 100644
--- a/matrixgw_frontend/src/widgets/messages/MainMessagesWidget.tsx
+++ b/matrixgw_frontend/src/widgets/messages/MainMessagesWidget.tsx
@@ -1,3 +1,4 @@
+import { Divider } from "@mui/material";
 import React from "react";
 import {
   MatrixApiProfile,
@@ -6,9 +7,9 @@ import {
 import { MatrixApiRoom, type Room } from "../../api/matrix/MatrixApiRoom";
 import { MatrixSyncApi } from "../../api/MatrixSyncApi";
 import { AsyncWidget } from "../AsyncWidget";
-import { SpaceSelector } from "./SpaceSelector";
-import { Divider } from "@mui/material";
 import { RoomSelector } from "./RoomSelector";
+import { RoomWidget } from "./RoomWidget";
+import { SpaceSelector } from "./SpaceSelector";
 
 export function MainMessageWidget(): React.ReactElement {
   const [rooms, setRooms] = React.useState<Room[] | undefined>();
@@ -66,7 +67,19 @@ function _MainMessageWidget(p: {
         onChange={setRoom}
       />
       <Divider orientation="vertical" />
-      <span style={{ flex: 1 }}>todo</span>
+      {room === undefined && (
+        <div
+          style={{
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            flex: 1,
+          }}
+        >
+          No room selected.
+        </div>
+      )}
+      {room && <RoomWidget {...p} room={room} />}
     </div>
   );
 }
diff --git a/matrixgw_frontend/src/widgets/messages/RoomWidget.tsx b/matrixgw_frontend/src/widgets/messages/RoomWidget.tsx
new file mode 100644
index 0000000..be400ad
--- /dev/null
+++ b/matrixgw_frontend/src/widgets/messages/RoomWidget.tsx
@@ -0,0 +1,9 @@
+import type { UsersMap } from "../../api/matrix/MatrixApiProfile";
+import type { Room } from "../../api/matrix/MatrixApiRoom";
+
+export function RoomWidget(p: {
+  room: Room;
+  users: UsersMap;
+}): React.ReactElement {
+  return <>room</>;
+}