\r\n {\r\n this.state.room ?\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
\r\n }\r\n {\r\n this.state.showDefaultView &&\r\n
\r\n }\r\n {\r\n this.state.isPaused &&\r\n
\r\n }\r\n {\r\n this.state.doingTutorial &&\r\n
this.skipTutorial()}>\r\n
Skip Tutorial
\r\n
\r\n }\r\n {\r\n this.state.showQuestion &&\r\n
\r\n
\r\n
{this.state.question}
\r\n
select {this.state.requiredColours} colours
\r\n
\r\n
\r\n
\r\n {\r\n this.state.pallete.map((x) => {\r\n return
this.selectColour(x)}>\r\n
\r\n
\r\n
{x.colourName.toLowerCase()}
\r\n
\r\n })\r\n }\r\n
this.toggleShowCaptureList(true)}>\r\n
\r\n
\r\n
capture
\r\n
\r\n
\r\n
\r\n
\r\n }\r\n {\r\n this.state.showCaptured &&\r\n
\r\n
\r\n
{this.state.captorName} has stolen {this.state.capturedCardCount} of your colours!
\r\n
\r\n }\r\n {\r\n this.state.showCaptureSection &&\r\n
\r\n
this.toggleShowCaptureList(false)}>X
\r\n
\r\n
Who's colour's will you capture?
\r\n
\r\n {\r\n this.getCaptureList()\r\n }\r\n
\r\n
\r\n
CAPTURE
\r\n {/*
this.toggleShowCaptureList(false)}>Cancel
*/}\r\n
\r\n
\r\n }\r\n