jketreno/peddlers-of-ketran
1
0
Fork 0
Code Issues 42 Activity

Removed games/ part of game path

Browse Source 
Signed-off-by: James Ketrenos <james_eikona@ketrenos.com>
This commit is contained in:
James Ketrenos 2022-03-11 10:48:53 -08:00
parent aa08ae9d5a
commit 4c2acdc5dc
3 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/App.js
View File

@ -215,7 +215,7 @@ const App = () => {
return ( return (
<Router> <Router>
<Routes> <Routes>
<Route exact element={<Table/>} path={`${base}/games/:gameId`}/> <Route exact element={<Table/>} path={`${base}/:gameId`}/>
<Route exact element={<Table/>} path={`${base}`}/> <Route exact element={<Table/>} path={`${base}`}/>
</Routes> </Routes>
</Router> </Router>

21
client/src/Board.js
View File

@ -27,7 +27,7 @@ const Board = () => {
const [ longestRoadLength, setLongestRoadLength ] = useState(0); const [ longestRoadLength, setLongestRoadLength ] = useState(0);
const fields = useMemo(() => [ const fields = useMemo(() => [
'signature', 'robber', 'robberName', 'signature', 'robber', 'robberName',
'pips', 'pipsOrder', 'borders', 'borderOrder', 'tiles', 'tileOrder', 'pips', 'pipOrder', 'borders', 'borderOrder', 'tiles', 'tileOrder',
'placements', 'turn', 'state', 'color', 'longestRoadLength' 'placements', 'turn', 'state', 'color', 'longestRoadLength'
], []); ], []);
@ -100,6 +100,9 @@ const Board = () => {
} }
const onResize = debounce(() => { const onResize = debounce(() => {
if (!board.current) {
return;
}
/* Adjust the 'transform: scale' for the BoardBox /* Adjust the 'transform: scale' for the BoardBox
* so the board fills the Board * so the board fills the Board
* *
@ -122,7 +125,7 @@ const Board = () => {
window.addEventListener('resize', onResize); window.addEventListener('resize', onResize);
onResize(); onResize();
return () => { return () => {
window.removeEventListener('resize', onResize); window.removeEventListener('resize', onResize);
} }
@ -487,12 +490,14 @@ const Board = () => {
setTileElements(generateTiles()); setTileElements(generateTiles());
setCornerElements(generateCorners()); setCornerElements(generateCorners());
setRoadElements(generateRoads()); setRoadElements(generateRoads());
}, [signature, }, [
setPipElements, setBorderElements, setTileElements, signature,
setCornerElements, setRoadElements, setPipElements, setBorderElements, setTileElements,
borderImageWidth, radius, tileHalfHeight, tileHalfWidth, setCornerElements, setRoadElements,
borderImageHeight, borderOrder, borders, pipOrder, pips, robber, tileOrder, tiles, borderImageWidth, radius, tileHalfHeight, tileHalfWidth, tileHeight,
tileHeight]); borderImageHeight,
borderOrder, borders, pipOrder, pips, robber, tileOrder, tiles
]);
if (turn) { if (turn) {
let nodes = document.querySelectorAll('.Active'); let nodes = document.querySelectorAll('.Active');

2
client/src/Common.js
View File

@ -24,6 +24,6 @@ function debounce(fn, ms) {
const base = process.env.PUBLIC_URL; const base = process.env.PUBLIC_URL;
const assetsPath = `${base}/assets`; const assetsPath = `${base}/assets`;
const gamesPath = `${base}/games`; const gamesPath = `${base}`;
export { base, debounce, assetsPath, gamesPath, getPlayerName }; export { base, debounce, assetsPath, gamesPath, getPlayerName };