savanni
/
monorepo
1
0
Fork 0
Code Issues 76 Pull Requests Projects 6 Releases Wiki Activity

Set up a tabletop view for both the GM and the player #260

Merged
savanni merged 15 commits from visions-playfield into main 2024-11-20 04:06:13 +00:00
Conversation 0 Commits 15 Files Changed 52 +2804 -43
5 changed files with 2804 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 2ab6e88634 - Show all commits

2838
visions/ui/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

3
visions/ui/package.json
View File

@ -19,7 +19,8 @@
"react-scripts": "5.0.1", "react-scripts": "5.0.1",
"react-use-websocket": "^4.11.1", "react-use-websocket": "^4.11.1",
"typescript": "^4.9.5", "typescript": "^4.9.5",
"web-vitals": "^2.1.4" "web-vitals": "^2.1.4",
"visions-types": "../visions-types"
}, },
"scripts": { "scripts": {
"start": "react-scripts start", "start": "react-scripts start",

2
visions/ui/src/components/Tabletop/Tabletop.tsx
View File

@ -1,6 +1,6 @@
import React, { useContext } from 'react'; import React, { useContext } from 'react';
import './Tabletop.css'; import './Tabletop.css';
import { RGB } from 'visions'; import { RGB } from 'visions-types';
interface TabletopElementProps { interface TabletopElementProps {
backgroundColor: RGB; backgroundColor: RGB;

2
visions/ui/src/components/WebsocketProvider.tsx
View File

@ -1,6 +1,6 @@
import React, { createContext, PropsWithChildren, useEffect, useReducer } from "react"; import React, { createContext, PropsWithChildren, useEffect, useReducer } from "react";
import useWebSocket from "react-use-websocket"; import useWebSocket from "react-use-websocket";
import { Message, Tabletop } from "visions"; import { Message, Tabletop } from "visions-types";
type TabletopState = { type TabletopState = {
tabletop: Tabletop; tabletop: Tabletop;

2
visions/ui/src/views/PlayerView/PlayerView.css
View File

@ -6,11 +6,13 @@
.player-view__left-panel { .player-view__left-panel {
flex-grow: 0; flex-grow: 0;
min-width: 100px; min-width: 100px;
max-width: 20%;
} }
.player-view__right-panel { .player-view__right-panel {
flex-grow: 0; flex-grow: 0;
min-width: 100px; min-width: 100px;
max-width: 20%;
} }