reuterShawn/remnantchat
1
0
Fork 0
forked from Shiloh/remnantchat
Code Pull Requests Activity

feat: do not obscure join room buttons with tooltip

Browse Source
This commit is contained in:
Jeremy Kahn 2023-03-08 09:09:16 -06:00
parent 35c3f2fee3
commit 0fc4ad040b
1 changed files with 19 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/pages/Home/Home.tsx
View File

@ -64,27 +64,25 @@ export function Home({ userId }: HomeProps) {
</PeerNameDisplay> </PeerNameDisplay>
</Typography> </Typography>
<FormControl fullWidth> <FormControl fullWidth>
<Tooltip title="Default room names are randomly generated client-side"> <TextField
<TextField label="Room name (generated client-side)"
label="Room name" variant="outlined"
variant="outlined" value={roomName}
value={roomName} onChange={handleRoomNameChange}
onChange={handleRoomNameChange} InputProps={{
InputProps={{ endAdornment: (
endAdornment: ( <IconButton
<IconButton aria-label="Regenerate room id"
aria-label="Regenerate room id" onClick={() => setRoomName(uuid())}
onClick={() => setRoomName(uuid())} size="small"
size="small" >
> <Cached />
<Cached /> </IconButton>
</IconButton> ),
), sx: { fontSize: { xs: '0.9rem', sm: '1rem' } },
sx: { fontSize: { xs: '0.9rem', sm: '1rem' } }, }}
}} size="medium"
size="medium" />
/>
</Tooltip>
</FormControl> </FormControl>
<Box <Box
sx={{ sx={{