✨ [Teams] Add starting team in game

Author: tcheymol

imports/ui/GameForm.jsx

@@ -15,13 +15,16 @@ function shuffle(a) {
   return a;
 }
 
-const getGameWords = () => {
+const getStartingTeam = () => {
+  return Math.random() >= 0.5 ? 'red' : 'blue';
+}
+
+const getGameWords = (startingTeam) => {
   let words = Cards.find({}).fetch();
   wordsSample = [];
-  startingTeam = Math.random() >= 0.5;
   redTeamCardsCount = 8;
   blueTeamCardsCount = 8;
-  if (startingTeam) {
+  if (startingTeam === 'red') {
     redTeamCardsCount++;
   } else {
     blueTeamCardsCount++;
@@ -65,9 +68,11 @@ const GameForm = ({ words }) =>  (
       initialValues={{ name: '' }}
       onSubmit={(values, { setSubmitting }) => {
         if (values.name.length > 0) {
+          const startingTeam = getStartingTeam();
           Games.insert({
             name: values.name,
-            cards: getGameWords(),
+            cards: getGameWords(startingTeam),
+            startingTeam,
             isStarted: false,
             shownCardsIds: [],
           });

imports/ui/GamePage.jsx

@@ -87,6 +87,13 @@ const GamePage = ({ game, blueParticipants, redParticipants, currentParticipant}
           </>
         </CardContent>
       </Card>
+      <Card style={{marginTop: 16, marginBottom: 16, backgroundColor: game.startingTeam === 'blue' ? '#2980b9' : '#e74c3c'}}>
+        <CardContent>
+          <Typography variant='h5' component='h2' style={{color: 'white', textAlign: 'center'}}>
+            {`L'Équipe ${game.startingTeam === 'blue' ? 'bleue' : 'rouge'} commence`}
+          </Typography>
+        </CardContent>
+      </Card>
       <Grid container spacing={3}>
         <Grid item xs={6}>
           <Card style={{marginTop: 16, marginBottom: 16, backgroundColor: '#2980b9'}}>