diff --git a/README.md b/README.md index 0de3876..3de23df 100644 --- a/README.md +++ b/README.md @@ -179,6 +179,11 @@ Chat is available at all times by registered players * Set "Ready" for player * All ready? state == active +## License attribution + +The dice faces (dice-six-faces-*.svg) are Copyright https://delapouite.com/ and licensed +as [CC-BY-3.0](https://creativecommons.org/licenses/by/3.0/). + ## Active * \ No newline at end of file diff --git a/client/src/Board.css b/client/src/Board.css index f30b447..ce9b3a6 100755 --- a/client/src/Board.css +++ b/client/src/Board.css @@ -64,6 +64,12 @@ filter: brightness(150%); } +.Dice { + width: 1rem; + height: 1rem; + background-color: black; +} + .Game { display: inline-flex; flex-direction: column; @@ -71,7 +77,6 @@ width: 40vw; max-height: 100vh; overflow: hidden; - min-width: 100vw; max-width: 40vw; z-index: 100; padding: 0.5em; @@ -87,7 +92,7 @@ margin-bottom: 0.5em; } -.lobby { +.Game .lobby { width: 100vw; } diff --git a/client/src/Board.js b/client/src/Board.js index 8856694..4e4b11e 100755 --- a/client/src/Board.js +++ b/client/src/Board.js @@ -70,6 +70,21 @@ const useStyles = makeStyles((theme) => ({ }, })); +const Dice = ({ pips }) => { + let name; + switch (pips) { + case 1: name = 'one'; break; + case 2: name = 'two'; break; + case 3: name = 'three'; break; + case 4: name = 'four'; break; + case 5: name = 'five'; break; + case 6: name = 'six'; break; + } + return ( + + ); +} + const PlayerColor = ({ color }) => { const classes = useStyles(); return ( @@ -1350,7 +1365,7 @@ class Board extends React.Component { if (!player.order) { message = <>{message}You need to roll for game order. Click Roll Dice below.; } else { - message = <>{message}You rolled {player.order} for game order. Waiting for all players.; + message = <>{message}You rolled for game order. Waiting for all players to roll.; message = <>{message}
THIS IS THE END OF THE FUNCTIONALITY SO FAR; } }