Change add party member and nickname modal to match stream

This commit is contained in:
Mitchell McCaffrey 2020-04-09 11:54:40 +10:00
parent cebf28c568
commit 975ebffe27
2 changed files with 10 additions and 3 deletions

View File

@ -33,11 +33,18 @@ function AddPartyMemberButton({ gameId }) {
</IconButton> </IconButton>
<Modal isOpen={isAddModalOpen} onRequestClose={closeModal}> <Modal isOpen={isAddModalOpen} onRequestClose={closeModal}>
<Box> <Box>
<Label p={2}>Other people can join using your ID</Label> <Label pt={2} pb={1}>
Invite players
</Label>
<Text as="p" mb={2} variant="caption">
Other people can join using the game ID
</Text>
<Box p={2} bg="hsla(230, 20%, 0%, 20%)"> <Box p={2} bg="hsla(230, 20%, 0%, 20%)">
<Text>{gameId}</Text> <Text>{gameId}</Text>
</Box> </Box>
<Label p={2}>Or by using this link</Label> <Text as="p" my={2} variant="caption">
Or by using this link
</Text>
<Box p={2} bg="hsla(230, 20%, 0%, 20%)"> <Box p={2} bg="hsla(230, 20%, 0%, 20%)">
<Text>{window.location.href}</Text> <Text>{window.location.href}</Text>
</Box> </Box>

View File

@ -43,7 +43,7 @@ function ChangeNicknameButton({ nickname, onChange }) {
</IconButton> </IconButton>
<Modal isOpen={isChangeModalOpen} onRequestClose={closeModal}> <Modal isOpen={isChangeModalOpen} onRequestClose={closeModal}>
<Box as="form" onSubmit={handleChangeSubmit}> <Box as="form" onSubmit={handleChangeSubmit}>
<Label p={2} htmlFor="nicknameChange"> <Label py={2} htmlFor="nicknameChange">
Change your nickname Change your nickname
</Label> </Label>
<Input <Input