Add tournament and multiplayer community chat moderation

components/TournamentLobby.tsx

@@ -12,6 +12,8 @@ import { useRouter } from "next/navigation";
 import { Trophy, Users, CalendarClock, Plus, Copy } from "lucide-react";
 import { api } from "@/lib/client-api";
 import { useI18n } from "./I18nProvider";
+import { RoomChat } from "./RoomChat";
+import { TournamentModeration } from "./TournamentModeration";
 import dynamic from "next/dynamic";
 const MultiplayerGame = dynamic(
   () => import("./MultiplayerGame").then((module) => module.MultiplayerGame),
@@ -576,6 +578,14 @@ export function TournamentLobby({
             )}
           </span>
         </div>
+        {joined && (
+          <TournamentModeration
+            id={id}
+            players={event.players}
+            ownerId={event.ownerId}
+            you={event.you}
+          />
+        )}
         {owner && event.announceDiscord && (
           <p role="status" className="muted">
             {t("Discord announcement")}:{" "}
@@ -754,6 +764,13 @@ export function TournamentLobby({
           </table>
         </div>
       </div>
+      <RoomChat
+        id={id}
+        playerId={event.you}
+        endpoint={`tournaments/${id}/chat`}
+        available={joined && ["scheduled", "running"].includes(event.status)}
+        playing={event.status === "running"}
+      />
     </>
   );
 }