From 0fc4ad040b1fccbeb761ad15f56e406943287f92 Mon Sep 17 00:00:00 2001
From: Jeremy Kahn <jeremyckahn@gmail.com>
Date: Wed, 8 Mar 2023 09:09:16 -0600
Subject: [PATCH] feat: do not obscure join room buttons with tooltip

---
 src/pages/Home/Home.tsx | 40 +++++++++++++++++++---------------------
 1 file changed, 19 insertions(+), 21 deletions(-)

diff --git a/src/pages/Home/Home.tsx b/src/pages/Home/Home.tsx
index 62a55e3..4563b69 100644
--- a/src/pages/Home/Home.tsx
+++ b/src/pages/Home/Home.tsx
@@ -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={{