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>
</Typography>
<FormControl fullWidth>
<Tooltip title="Default room names are randomly generated client-side">
<TextField
label="Room name"
variant="outlined"
value={roomName}
onChange={handleRoomNameChange}
InputProps={{
endAdornment: (
<IconButton
aria-label="Regenerate room id"
onClick={() => setRoomName(uuid())}
size="small"
>
<Cached />
</IconButton>
),
sx: { fontSize: { xs: '0.9rem', sm: '1rem' } },
}}
size="medium"
/>
</Tooltip>
<TextField
label="Room name (generated client-side)"
variant="outlined"
value={roomName}
onChange={handleRoomNameChange}
InputProps={{
endAdornment: (
<IconButton
aria-label="Regenerate room id"
onClick={() => setRoomName(uuid())}
size="small"
>
<Cached />
</IconButton>
),
sx: { fontSize: { xs: '0.9rem', sm: '1rem' } },
}}
size="medium"
/>
</FormControl>
<Box
sx={{