diff --git a/packages/desktop/src/components/ConversationList.tsx b/packages/desktop/src/components/ConversationList.tsx index 3840223..dd89bfd 100644 --- a/packages/desktop/src/components/ConversationList.tsx +++ b/packages/desktop/src/components/ConversationList.tsx @@ -2,20 +2,24 @@ import { Avatar, AvatarGroup, Box, + Button, CircularProgress, + Divider, IconButton, List, ListItem, ListItemAvatar, ListItemButton, ListSubheader, + Stack, Typography, } from '@mui/material'; import { FiActivity, FiCircle, FiSun } from 'react-icons/fi'; +import React, { useCallback } from 'react'; import Conversation from '@nirvana/core/src/models/conversation.model'; import ConversationLabel from '../subcomponents/ConversationLabel'; -import React from 'react'; +import { SUPPORT_DISPLAY_NAME } from '../util/support'; import useAuth from '../providers/AuthProvider'; import { useRendersCount } from 'react-use'; import useTerminal from './Terminal'; @@ -28,16 +32,28 @@ import useTerminal from './Terminal'; * @returns */ export function ConversationList({ lookingForSomeone = false }: { lookingForSomeone: boolean }) { - const { conversationMap } = useTerminal(); + const { conversationMap, handleOmniSearch } = useTerminal(); const rendersCount = useRendersCount(); console.warn('RENDER COUNT | CONVERSATION LIST | ', rendersCount); + const handleQuickDialSupport = useCallback(() => { + handleOmniSearch(SUPPORT_DISPLAY_NAME); + }, [handleOmniSearch]); + if (Object.keys(conversationMap).length === 0) { return ( - - Look for someone by name or email to start a conversation! - + + + Look for someone by name or email to start a conversation! + + + + + + ); } diff --git a/packages/desktop/src/mui/NirvanaTheme.ts b/packages/desktop/src/mui/NirvanaTheme.ts index 54b197c..94eaeb3 100644 --- a/packages/desktop/src/mui/NirvanaTheme.ts +++ b/packages/desktop/src/mui/NirvanaTheme.ts @@ -1,4 +1,5 @@ import { createTheme, experimental_sx as sx } from '@mui/material'; + import { blueGrey } from '@mui/material/colors'; export const NirvanaTheme = createTheme({ @@ -10,6 +11,9 @@ export const NirvanaTheme = createTheme({ caption: { color: blueGrey[200], }, + button: { + textTransform: 'none', + }, }, palette: { primary: {