diff --git a/packages/desktop/src/components/OmniSearchResults.tsx b/packages/desktop/src/components/OmniSearchResults.tsx new file mode 100644 index 0000000..55b592a --- /dev/null +++ b/packages/desktop/src/components/OmniSearchResults.tsx @@ -0,0 +1,118 @@ +import { + Avatar, + List, + ListItem, + ListItemAvatar, + ListItemButton, + ListItemSecondaryAction, + ListItemText, + ListSubheader, + Tooltip, + Typography, +} from '@mui/material'; + +import Conversation from '@nirvana/core/src/models/conversation.model'; +import { ConversationRow } from './ConversationList'; +import { FiZap } from 'react-icons/fi'; +import React from 'react'; +import { User } from '@nirvana/core/src/models/user.model'; +import useTerminal from './Terminal'; + +export default function OmniSearchResults({ + people, + conversations, +}: { + people: User[]; + conversations: Conversation[]; +}) { + const { handleQuickDial, selectConversation } = useTerminal(); + + return ( + <> + + + People + + + } + > + + {people.length === 0 && ( + + {`Can't find someone? Invite them!`} + + )} + + + {people.map((person) => ( + + + handleQuickDial(person)}> + + + + + + + + + + + + ))} + + + + + Conversations + + + } + > + + {conversations.length === 0 && ( + + {`Can't find a conversation? Just create one!`} + + )} + + + {conversations.map((conversation) => ( + + + + ))} + + + ); +} diff --git a/packages/desktop/src/components/Terminal.tsx b/packages/desktop/src/components/Terminal.tsx index 5ad15dc..bf0e2ae 100644 --- a/packages/desktop/src/components/Terminal.tsx +++ b/packages/desktop/src/components/Terminal.tsx @@ -45,6 +45,7 @@ import FooterControls from './FooterControls'; import MainPanel from './MainPanel'; import Navbar from './Navbar'; import NewConversationDialog from './NewConversationDialog'; +import OmniSearchResults from './OmniSearchResults'; import { User } from '@nirvana/core/src/models/user.model'; import { blueGrey } from '@mui/material/colors'; import { createGroupConversation } from '../firebase/firestore'; @@ -543,7 +544,7 @@ export function TerminalProvider({ children }: { children?: React.ReactNode }) { {searchVal ? ( - @@ -576,102 +577,3 @@ export function TerminalProvider({ children }: { children?: React.ReactNode }) { export default function useTerminal() { return useContext(TerminalContext); } - -function SearchResults({ - people, - conversations, -}: { - people: User[]; - conversations: Conversation[]; -}) { - const { handleQuickDial, selectConversation } = useTerminal(); - - return ( - <> - - - People - - - } - > - - {people.length === 0 && ( - - {`Can't find someone? Invite them!`} - - )} - - - {people.map((person) => ( - - - handleQuickDial(person)}> - - - - - - - - - - - - ))} - - - - - Conversations - - - } - > - - {conversations.length === 0 && ( - - {`Can't find a conversation? Just create one!`} - - )} - - - {conversations.map((conversation) => ( - - - - ))} - - - ); -}