nirvana support really awesome right there!

packages/desktop/src/components/FooterControls.tsx

@@ -1,28 +1,29 @@
 import {
-  Box,
-  Stack,
-  IconButton,
   Avatar,
-  Tooltip,
-  Switch,
-  Button,
   AvatarGroup,
+  Box,
+  Button,
+  Divider,
   Fab,
+  IconButton,
   ListItemIcon,
-  Typography,
   Menu,
   MenuItem,
+  Stack,
+  Switch,
+  Tooltip,
+  Typography,
 } from '@mui/material';
-import { blueGrey } from '@mui/material/colors';
+import { FiHeadphones, FiHelpCircle, FiLogOut, FiSun } from 'react-icons/fi';
+import React, { useCallback } from 'react';
 
-import React from 'react';
-import { FiHeadphones, FiSun, FiLogOut } from 'react-icons/fi';
 import ConversationLabel from '../subcomponents/ConversationLabel';
-import useTerminal from './Terminal';
+import { blueGrey } from '@mui/material/colors';
 import useAuth from '../providers/AuthProvider';
+import useTerminal from './Terminal';
 
 export default function FooterControls() {
-  const { selectedConversation } = useTerminal();
+  const { selectedConversation, handleOmniSearch } = useTerminal();
   const { user, logout } = useAuth();
 
   const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);
@@ -34,6 +35,10 @@ export default function FooterControls() {
     setAnchorEl(null);
   };
 
+  const handleQuickDialSupport = useCallback(() => {
+    handleOmniSearch('Nirvana Support');
+  }, [handleOmniSearch]);
+
   return (
     <Box
       sx={{
@@ -158,36 +163,17 @@ export default function FooterControls() {
         id="account-menu"
         open={open}
         onClose={handleCloseProfileMenu}
-        onClick={handleCloseProfileMenu}
-        PaperProps={{
-          elevation: 0,
-          sx: {
-            overflow: 'visible',
-            filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))',
-            mt: 1.5,
-            '& .MuiAvatar-root': {
-              width: 32,
-              height: 32,
-              ml: -0.5,
-              mr: 1,
-            },
-            '&:before': {
-              content: '""',
-              display: 'block',
-              position: 'absolute',
-              top: 0,
-              right: 14,
-              width: 10,
-              height: 10,
-              bgcolor: 'background.paper',
-              transform: 'translateY(-50%) rotate(45deg)',
-              zIndex: 0,
-            },
-          },
-        }}
-        transformOrigin={{ horizontal: 'right', vertical: 'top' }}
-        anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}
+        transformOrigin={{ horizontal: 'right', vertical: 'bottom' }}
+        anchorOrigin={{ horizontal: 'right', vertical: 'top' }}
       >
+        <MenuItem onClick={handleQuickDialSupport}>
+          <ListItemIcon>
+            <FiHelpCircle />
+          </ListItemIcon>
+          <Typography>Help</Typography>
+        </MenuItem>
+
+        <Divider />
         <MenuItem onClick={logout}>
           <ListItemIcon>
             <FiLogOut />