|
@@ -41,16 +41,16 @@ const getUrl = gameId => {
|
|
|
return u.href;
|
|
|
}
|
|
|
|
|
|
-const JoinedInfo = ({ gameId, playerName, onStart }) => (
|
|
|
+const LobbyInfo = ({ gameId, playerName, onStart }) => (
|
|
|
<InfoContainer>
|
|
|
<Label>Playing as {playerName}</Label>
|
|
|
- <Label>Use this link to join:</Label>
|
|
|
+ <Label>Use this link to invite other players:</Label>
|
|
|
<Label><ClickToCopy text={getUrl(gameId)} /></Label>
|
|
|
<FormButton onClick={onStart}>Start Game</FormButton>
|
|
|
</InfoContainer>
|
|
|
);
|
|
|
|
|
|
-const UnjoinedInfo = ({ gameId, onGameJoined }) => {
|
|
|
+const JoinForm = ({ gameId, onGameJoined }) => {
|
|
|
const [loading, setLoading] = useState(false);
|
|
|
const [failed, setFailed] = useState(false);
|
|
|
const [playerName, setPlayerName] = useState(null);
|
|
@@ -89,8 +89,8 @@ const PreRound = ({ gameId, playerName, joined, onGameJoined, onStart }) => (
|
|
|
<PageContainer>
|
|
|
{
|
|
|
joined
|
|
|
- ? <JoinedInfo gameId={gameId} playerName={playerName} onStart={onStart}/>
|
|
|
- : <UnjoinedInfo gameId={gameId} onGameJoined={onGameJoined}/>
|
|
|
+ ? <LobbyInfo gameId={gameId} playerName={playerName} onStart={onStart}/>
|
|
|
+ : <JoinForm gameId={gameId} onGameJoined={onGameJoined}/>
|
|
|
}
|
|
|
<LobbyPlayerList gameId={gameId} />
|
|
|
</PageContainer>
|