\r\n {\r\n !this.state.connected ?\r\n
\r\n */}\r\n {/* {*/}\r\n {/* this.state.doConfetti &&*/}\r\n {/* this.setState({ doConfetti: false, })}*/}\r\n {/* />*/}\r\n {/* }*/}\r\n {/*
*/}\r\n \r\n
\r\n
{this.getRedirectURL(true)}
\r\n
Code: {this.state.roomId}
\r\n
\r\n
this.toggleMute()}>\r\n
\r\n
\r\n {\r\n fullscreenAvailable ?\r\n
{ this.toggleFullScreen() }}>\r\n
\r\n
\r\n :\r\n null\r\n }\r\n
this.toggleMenu()}>\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n this.signalStartGame(true)}>\r\n Start Game\r\n \r\n this.signalStartGame(false)}>\r\n Show Tutorial\r\n \r\n \r\n Go To Lobby\r\n \r\n
\r\n }\r\n\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{this.state.timer}
\r\n
\r\n
\r\n
CHOOSE TEAM SELECTION
\r\n
METHOD
\r\n
\r\n this.clickTeamMethod(\"manual\")}>Manually Select \r\n this.clickTeamMethod(\"random\")}>Select Randomly \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{this.state.timer}
\r\n
\r\n
\r\n
\r\n
{this.state.teamError}
\r\n
{this.state.teamSelectionType === \"manual\" ? \"CHOOSE TEAM\" : \"LET US SORT THE\"}
\r\n
{this.state.teamSelectionType === \"manual\" ? \"A OR B\" : \"TEAMS\"}
\r\n
{this.state.teamSelectionType === \"manual\" ? \"Choose a team on your mobile device.\" : \"Take note of who's on your team.\"}
\r\n
\r\n {\r\n this.state.players.map((x, i) => {\r\n return
8 && styles.small} ${[0, 1].includes(x.ycsuData.teamIndex) && styles.hide}`}>{x.name}
\r\n })\r\n }\r\n
\r\n
\r\n
\r\n
IS EVERYBODY
\r\n
HAPPY
\r\n
\r\n this.clickTeamConfirmation(true)}>Yes \r\n this.clickTeamConfirmation(false)}>No \r\n
\r\n
\r\n
\r\n
TEAM A
\r\n
\r\n {\r\n this.state.players.filter((x, i) => x.ycsuData.teamIndex === 0).map((y, i) => {\r\n return
8 && styles.small}`}>{y.name}
\r\n })\r\n }\r\n
\r\n
\r\n
\r\n
TEAM B
\r\n
\r\n {\r\n this.state.players.filter((x, i) => x.ycsuData.teamIndex === 1).map((y, i) => {\r\n return
8 && styles.small}`}>{y.name}
\r\n })\r\n }\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n {/* {this.getDescriber()}*/}\r\n {/*
*/}\r\n
{this.getDescriber()}
\r\n
YOU WILL BE THE
\r\n
DESCRIBER
\r\n
The rest of {this.state.teams.find(x => x.id === this.state.describingTeamId)?.id}, try to guess the combination.
\r\n
\r\n {/*
*/}\r\n {/* {this.getDinger()}*/}\r\n {/*
*/}\r\n
{this.getDinger()}
\r\n
YOU'RE IN CHARGE OF THE
\r\n
DINGER
\r\n
When you hear them say \"Umm\", ring the bell.
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{this.state.timer}
\r\n
\r\n
\r\n
NOT ENOUGH PLAYERS
\r\n
TO START
\r\n
Please reconnect or the game will end...
\r\n
\r\n
\r\n
\r\n
\r\n
TEAM A
\r\n {\r\n this.state.players.map((x, index) => {\r\n if (x.ycsuData.teamIndex === 0) {\r\n return
\r\n }\r\n })\r\n }\r\n
\r\n
\r\n {\r\n this.getScoreColumn(0)\r\n }\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
TEAM B
\r\n {\r\n this.state.players.map((x, index) => {\r\n if (x.ycsuData.teamIndex === 1) {\r\n return
\r\n }\r\n })\r\n }\r\n
\r\n
\r\n {\r\n this.getScoreColumn(1)\r\n }\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{this.state.centerTitle}
\r\n
{this.state.centerSmallText}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{this.state.timer}
\r\n {this.getCapsules()}\r\n
\r\n
\r\n
\r\n {\r\n this.getRuleList()\r\n }\r\n
\r\n
\r\n
OK FOLKS
\r\n
TIMES UP
\r\n
\r\n {/*
*/}\r\n {/* {this.getDescriber()}*/}\r\n {/*
*/}\r\n
\r\n
\r\n
\r\n
\r\n
{this.state.timer}
\r\n
\r\n
\r\n
{this.getDescriber()}
\r\n
BROKE THE RULES
\r\n
{`${this.state.currentValidationNum === 0 ? \"NEVER\" : this.state.currentValidationNum === 1 ? \"ONCE\" : this.state.currentValidationNum === 2 ? \"TWICE\" : this.state.currentValidationNum + \" TIMES\"}`}
\r\n
is this correct?
\r\n
\r\n {\r\n this.getVotingDescriber()\r\n }\r\n {\r\n this.getVotingDinger()\r\n }\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{this.state.timer}
\r\n
\r\n
\r\n
{`${this.state.teams.find(x => x.id === this.state.describingTeamId)?.id} GUESSED THESE WORDS`}
\r\n
Correct Pairs {this.state.currentValidationNum}
\r\n
\r\n {\r\n this.state.correctCards.map((x, i, a) => {\r\n if (i % 2 === 1) return;\r\n return
12 && styles.smaller}`}>\r\n
{x.cardText}
\r\n
{this.state.correctCards[i + 1].cardText}
\r\n
\r\n })\r\n }\r\n
\r\n
\r\n {\r\n this.getVotingDescriber()\r\n }\r\n {\r\n this.getVotingDinger()\r\n }\r\n
\r\n
\r\n {\r\n this.getNewRuleVoteSection()\r\n }\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{this.state.timer}
\r\n
\r\n
\r\n
{`LOOKS LIKE ${this.state.teams.find(x => x.id === this.state.winningTeamId)?.id}`}
\r\n
HAVE WON
\r\n
is this correct?
\r\n
Points Earned {this.state.currentValidationNum}
\r\n
\r\n {\r\n this.getVotingDescriber()\r\n }\r\n {\r\n this.getVotingDinger()\r\n }\r\n
\r\n
\r\n {\r\n this.getWinnersSection()\r\n }\r\n
\r\n {\r\n this.state.showPlayAgainButtons &&\r\n \r\n \r\n Play Again\r\n \r\n \r\n Return to lobby\r\n \r\n
\r\n }\r\n {\r\n this.state.testMode &&\r\n \r\n this.setState({ moveLogo: !this.state.moveLogo })}>moveLogo \r\n this.setState({ showStartButtons: !this.state.showStartButtons })}>showStartButtons \r\n this.setState({ showLines: !this.state.showLines })}>showLines \r\n this.doTeamMethodSelection()}>doTeamMethodSelection \r\n this.doSelectTeams()}>doSelectTeams \r\n this.doTeamsConfirm()}>doTeamsConfirm \r\n this.doTeamsOk()}>doTeamsOk \r\n this.doNotEnoughPlayers()}>doNotEnoughPlayers \r\n this.doStartRound()}>doStartRound \r\n this.doRoundEnd()}>doRoundEnd \r\n this.doCorrectCardsVote()}>doCorrectCardsVote \r\n this.startCorrectCardsVote({ correctCards: [ { i: 1, cardText: \"Banana\" }, { i: 2, cardText: \"Apple\" }, { i: 1, cardText: \"Banana\" }, { i: 2, cardText: \"Apple\" }, { i: 1, cardText: \"Banana\" }, { i: 2, cardText: \"Apple\" }, { i: 1, cardText: \"Banana\" }, { i: 2, cardText: \"Apple\" }, { i: 1, cardText: \"Banana\" }, { i: 2, cardText: \"Apple\" }, { i: 1, cardText: \"Banana\" }, { i: 2, cardText: \"Apple\" }, { i: 1, cardText: \"Banana\" }, { i: 2, cardText: \"Apple\" }, { i: 1, cardText: \"Banana\" }, { i: 2, cardText: \"Apple\" }, { i: 1, cardText: \"Banana\" }, { i: 2, cardText: \"Apple\" }, { i: 1, cardText: \"Banana\" }, { i: 2, cardText: \"Apple\" }, { i: 1, cardText: \"Banana\" }, { i: 2, cardText: \"Apple\" }, { i: 1, cardText: \"Banana\" }, { i: 2, cardText: \"Apple\" },] })}>startCorrectCardsVote \r\n this.doEndScoreAdjustments()}>doEndScoreAdjustments \r\n this.doNewRuleVote()}>doNewRuleVote \r\n this.doNewRuleVoteEnd({ newRule: { id: 1, ruleText1: \"You can't say\", blockText: \"Umm\", ruleText2: \"\" } })}>doNewRuleVoteEnd \r\n this.doGameOver()}>doGameOver \r\n this.beginTutorial()}>beginTutorial \r\n {/* this.setState({ centerSmallText: \"READY\" })}>centerSmallText \"READY\" */}\r\n {/* this.setState({ collapseRuleCards: !this.state.collapseRuleCards })}>collapseRuleCards */}\r\n {/* this.setState({ showNewRuleCard: !this.state.showNewRuleCard })}>showNewRuleCard */}\r\n {/* this.setState({ growNewRuleCard: !this.state.growNewRuleCard })}>growNewRuleCard */}\r\n {/* this.setState({ centerSmallText: \"STEADY\" })}>centerSmallText \"STEADY\" */}\r\n {/* this.setState({ shrinkCenterBox: !this.state.shrinkCenterBox, centerSmallText: \"GO\" })}>shrinkCenterBox */}\r\n\r\n\r\n {/* { let timer = this.state.timer; timer--; this.setState({ timer }) }}>Reduce Timer */}\r\n
\r\n }\r\n 
\r\n