\r\n {\r\n this.props.player.scrawlData.isPlaying ?\r\n null\r\n :\r\n
Spectating...
\r\n }\r\n
\r\n
{this.props.player.scrawlData.score}
\r\n {/*
{this.props.number}
*/}\r\n {\r\n this.props.winner ?\r\n
{this.props.player.name}
\r\n :\r\n null\r\n }\r\n
\r\n \r\n \r\n
\n {!this.props.isRevealing && this.checkIsPrimary() &&\r\n
\r\n \r\n
\r\n
\r\n
\r\n {\r\n this.state.player &&\r\n
\r\n \r\n \r\n
\r\n {this.state.player.name}
\r\n \r\n }\r\n
\n }\n {\n this.props.title && this.props.title.length > 0 &&\n
{this.props.title}
\r\n }\n {\n !this.props.isRevealing && !this.checkIsPrimary() ?\r\n
\n
\n
DOODLE WHILE
YOU WAIT
\n
\n
\n
\n
\n
this.sendDoodle()}>\n {\r\n this.state.isSubmitting ?\r\n
\r\n :\r\n \"Send\"\r\n }\n
\n
\n
\r\n :\r\n this.props.content && this.props.content.length > 0 &&\r\n
{this.props.content}
\r\n }\n {\n this.props.showGifButton ?\n
\n :\r\n null\r\n //
\n }\n {\r\n this.checkIsPrimary() &&\r\n
\r\n {\r\n this.state.gameState === GameStates.Loading &&\r\n \r\n {\r\n this.props.availableAddons.includes(\"scrawl_adult\") &&
\r\n
this.changeContentFilter(Number(e.target.value))} />\r\n
\r\n
this.changeContentFilter(0, true)} />\r\n
this.changeContentFilter(1, true)} />\r\n
\r\n
\r\n }\r\n
this.clickStartGame()}>Start Game
\r\n
Go To Lobby
\r\n
\r\n \r\n \r\n
\r\n
\r\n
this.clickPlayAgain()}>Play Again
\r\n
Different Game
\r\n
\r\n }\n {\r\n this.state.showStartWarning && [GameStates.Loading, GameStates.EndGame].includes(this.state.gameState) && this.props.hostConnected &&\r\n
\r\n }\n {\r\n this.state.showContentWarning && [GameStates.Loading, GameStates.EndGame].includes(this.state.gameState) && this.props.hostConnected &&\r\n
\r\n }\n {/*
*/}\n {/* {*/}\n {/* this.state.player ?*/}\n {/*
*/}\n {/* */}\n {/* */}\n {/*
*/}\n {/* {this.state.player.name}
*/}\n {/* Score: {this.state.player.scrawlData.score}
*/}\n {/* */}\n {/* :*/}\n {/* null*/}\n {/* }*/}\n {/*
*/}\n {/*
Potato Dance!
*/}\n {/*
*/}\n {/*
{this.props.title}
*/}\n {/*
{this.props.content}
*/}\n {/* {*/}\n {/* this.props.showGifButton ?*/}\n {/*
this.createGIF(this.props.gifImages, this.props.gifName)}>Download GIF
*/}\n {/* :*/}\n {/* null*/}\n {/* }*/}\n {/*
*/}\n
\r\n
\r\n\r\n {\r\n this.state.room ?\r\n this.state.connected ?\r\n
\r\n {/**/}\r\n {\r\n this.state.connectionIssue &&\r\n \r\n
There might be an issue with your connection...
Click below to refresh!
\r\n
window.location.reload()}>↻
\r\n
this.skipTutorial()}>\r\n
Skip Tutorial
\r\n
CHOOSE
\r\n What do you want to draw?
\r\n \r\n {\r\n this.state.choices.map((x) => {\r\n return
this.chooseOption(x)}>{x.description}
\r\n })\r\n }\r\n
DRAW
\r\n \r\n
\r\n
{this.state.roundTimer}
\r\n
{this.state.player.scrawlData.turnData}
\r\n \r\n \r\n
\r\n
this.showColours()} style={{ backgroundColor: this.state.penColour }}>\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
this.showColours(true)} />\r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n {\r\n penSizes.map((x) => {\r\n return
this.handlePenSizeChange(x)}>\r\n
\r\n \r\n \r\n
\r\n })\r\n }\r\n
\r\n
\r\n
{ await this.submitDrawing() } : null}>\r\n {\r\n this.state.isSubmitting ?\r\n
\r\n :\r\n \"Submit\"\r\n }\r\n
\r\n
\r\n \r\n }\r\n {\r\n this.state.showWritingView && this.state.player.scrawlData.turnData &&\r\n
\r\n WRITE
\r\n {this.state.roundTimer}
\r\n Describe what you see!
\r\n 
\r\n \r\n \r\n
this.submitWriting(false) : null} >Submit
\r\n
\r\n }\r\n {\r\n this.state.showRevealView &&\r\n
\r\n \r\n
{this.state.revealTitle}
\r\n
\r\n {\r\n this.state.player.scrawlData.story.map(x => {\r\n return
\r\n {\r\n x.isEmpty ?\r\n
X
\r\n :\r\n x.isDrawing ?\r\n
\r\n :\r\n
{x.content}
\r\n }\r\n
\r\n })\r\n }\r\n
\r\n
\r\n }\r\n {\r\n this.state.showChooseBestView &&\r\n
\r\n \r\n
\r\n {\r\n this.state.player.scrawlData.story.map(x => {\r\n return
this.chooseBest(x)}>\r\n {\r\n x.isEmpty ?\r\n
X
\r\n :\r\n x.isDrawing ?\r\n
\r\n :\r\n
{x.content}
\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 }\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