Add "Commands" tooltip on hover to the list commands Button in Consol…

…e View (#139) * Add "Commands" tooltip to the list commands icon in Console View Fixes #138 Signed-off-by: Snehil Shah <[email protected]> * Format Code: `npm run format` Signed-off-by: Snehil Shah <[email protected]> * Fix Failing ESLint Checks Signed-off-by: Snehil Shah <[email protected]> --------- Signed-off-by: Snehil Shah <[email protected]>
qdrant · Jan 17, 2024 · 5a6c4eb · 5a6c4eb
1 parent a0fcc82
commit 5a6c4eb
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 12 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/pages/Console.jsx b/src/pages/Console.jsx
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { LinearProgress, alpha, Fab } from '@mui/material';
+import { LinearProgress, alpha, Fab, Tooltip } from '@mui/material';
 import { useTheme } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 import { Grid } from '@mui/material';
@@ -124,14 +124,16 @@ function Console() {
               </Panel>
             </PanelGroup>
           </Grid>
-          <Fab
-            sx={{ position: 'absolute', bottom: '40px', right: '49px', boxShadow: 3 }}
-            color="success"
-            aria-label="add"
-            onClick={() => setOpenCommands(true)}
-          >
-            <Code />
-          </Fab>
+          <Tooltip title="Commands" placement="left" arrow>
+            <Fab
+              sx={{ position: 'absolute', bottom: '40px', right: '49px', boxShadow: 3 }}
+              color="success"
+              aria-label="add"
+              onClick={() => setOpenCommands(true)}
+            >
+              <Code />
+            </Fab>
+          </Tooltip>
           <SpeedDialMenu
             openHistory={() => setOpenHistory(true)}
             openSavedCode={() => setOpenSavedCode(true)}