Shiloh/remnantchat
Shiloh/remnantchat
1
0
Fork 1
Code Issues Pull Requests Packages Projects 4 Releases Wiki Activity

Add end adornment icon to refresh the room uuid() (#62)

Browse Source 
* Add end adornment icon to refresh room uuid()
* Make mobile compatible
This commit is contained in:
krayste 2022-11-06 02:40:42 +11:00 committed by GitHub
parent 8947bace94
commit 237fc0e6df
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -9,6 +9,7 @@ import Divider from '@mui/material/Divider'
import IconButton from '@mui/material/IconButton' import IconButton from '@mui/material/IconButton'
import MuiLink from '@mui/material/Link' import MuiLink from '@mui/material/Link'
import GitHubIcon from '@mui/icons-material/GitHub' import GitHubIcon from '@mui/icons-material/GitHub'
import Cached from '@mui/icons-material/Cached'
import Tooltip from '@mui/material/Tooltip' import Tooltip from '@mui/material/Tooltip'
import { v4 as uuid } from 'uuid' import { v4 as uuid } from 'uuid'
@ -69,6 +70,18 @@ export function Home({ userId }: HomeProps) {
variant="outlined" variant="outlined"
value={roomName} value={roomName}
onChange={handleRoomNameChange} 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" size="medium"
/> />
</Tooltip> </Tooltip>