jeirmeister/Cockatrice
1
0
Fork 0
mirror of https://github.com/Cockatrice/Cockatrice.git synced 2026-07-06 05:23:56 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Comprehensive review changes

Browse source
This commit is contained in:
seavor 2026-04-20 18:58:40 -05:00
parent 3aa8c654cc
commit 6074d9d6e4
143 changed files with 2661 additions and 1535 deletions
Download patch file Download diff file Expand all files Collapse all files

27
webclient/src/containers/Server/Rooms.tsx
View file

@ -1,5 +1,4 @@
// eslint-disable-next-line
import React from "react";
import { useMemo } from 'react';
import { generatePath, useNavigate } from 'react-router-dom';
import Button from '@mui/material/Button';
@ -10,21 +9,31 @@ import TableHead from '@mui/material/TableHead';
import TableRow from '@mui/material/TableRow';
import { useWebClient } from '@app/hooks';
import { App } from '@app/types';
import { App, Enriched } from '@app/types';
import './Rooms.css';
const Rooms = ({ rooms, joinedRooms }) => {
interface RoomsProps {
rooms: Record<number, Enriched.Room>;
joinedRooms: Enriched.Room[];
}
const Rooms = ({ rooms, joinedRooms }: RoomsProps) => {
const navigate = useNavigate();
const webClient = useWebClient();
function onClick(roomId) {
if (joinedRooms.find(room => room.info.roomId === roomId)) {
navigate(generatePath(App.RouteEnum.ROOM, { roomId }));
const joinedRoomIds = useMemo(
() => new Set(joinedRooms.map((room) => room.info.roomId)),
[joinedRooms],
);
const onClick = (roomId: number) => {
if (joinedRoomIds.has(roomId)) {
navigate(generatePath(App.RouteEnum.ROOM, { roomId: String(roomId) }));
} else {
webClient.request.rooms.joinRoom(roomId);
}
}
};
return (
<div className="rooms">
@ -40,7 +49,7 @@ const Rooms = ({ rooms, joinedRooms }) => {
</TableRow>
</TableHead>
<TableBody>
{ Object.values(rooms).map((room) => {
{Object.values(rooms).map((room) => {
const { description, gameCount, name, permissionlevel, playerCount, roomId } = room.info;
return (
<TableRow key={roomId}>