From 237fc0e6df4d139ff5665bf07e1509228e828da9 Mon Sep 17 00:00:00 2001
From: krayste <steve.kraynov@gmail.com>
Date: Sun, 6 Nov 2022 02:40:42 +1100
Subject: [PATCH] Add end adornment icon to refresh the room uuid() (#62)

* Add end adornment icon to refresh room uuid()
* Make mobile compatible
---
 src/pages/Home/Home.tsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/pages/Home/Home.tsx b/src/pages/Home/Home.tsx
index bcabe47..652d076 100644
--- a/src/pages/Home/Home.tsx
+++ b/src/pages/Home/Home.tsx
@@ -9,6 +9,7 @@ import Divider from '@mui/material/Divider'
 import IconButton from '@mui/material/IconButton'
 import MuiLink from '@mui/material/Link'
 import GitHubIcon from '@mui/icons-material/GitHub'
+import Cached from '@mui/icons-material/Cached'
 import Tooltip from '@mui/material/Tooltip'
 import { v4 as uuid } from 'uuid'
 
@@ -69,6 +70,18 @@ export function Home({ userId }: HomeProps) {
                 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>