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>;
}
}