diff --git a/packages/desktop/src/components/Conversations.tsx b/packages/desktop/src/components/Conversations.tsx
index 59321a4..463485f 100644
--- a/packages/desktop/src/components/Conversations.tsx
+++ b/packages/desktop/src/components/Conversations.tsx
@@ -23,6 +23,7 @@ import { useSnackbar } from 'notistack';
import KeyboardShortcutLabel from './KeyboardShortcutLabel';
import { searchUsers } from '../firebase/firestore';
import { User } from '@nirvana/core/src/models/user.model';
+import useTerminal from './Terminal';
const Conversations = () => {
const { enqueueSnackbar } = useSnackbar();
@@ -49,9 +50,9 @@ const Conversations = () => {
setSearchUsersResults(results);
console.warn(results);
-
- setSearching(false);
}
+
+ setSearching(false);
},
500,
[searchVal, enqueueSnackbar, setSearchUsersResults],
@@ -95,7 +96,7 @@ const Conversations = () => {
- {searchVal ? : <>>}
+ {searchVal ? : }
>
);
};
@@ -135,7 +136,13 @@ function ListPeople({ people }: { people: User[] }) {
);
}
-function StaticListConversations() {
+function ListConversations() {
+ const { conversations } = useTerminal();
+
+ if (conversations.length === 0) {
+ return Find someone by email or name to get started!;
+ }
+
return (
<>
);
}
+
export default Conversations;
diff --git a/packages/desktop/src/components/Terminal.tsx b/packages/desktop/src/components/Terminal.tsx
index d22f892..11671a9 100644
--- a/packages/desktop/src/components/Terminal.tsx
+++ b/packages/desktop/src/components/Terminal.tsx
@@ -1,4 +1,4 @@
-import React, { useContext } from 'react';
+import React, { useContext, useState } from 'react';
import { Container } from '@mui/system';
import { Avatar, Box, Fab, Grid, IconButton, Paper, Stack, Typography } from '@mui/material';
@@ -8,12 +8,16 @@ import { useSnackbar } from 'notistack';
import Conversations from './Conversations';
import Navbar from './Navbar';
+import Conversation from '@nirvana/core/src/models/conversation.model';
interface ITerminalContext {
+ conversations: Conversation[];
selectedConversation?: string;
}
-const TerminalContext = React.createContext({});
+const TerminalContext = React.createContext({
+ conversations: [],
+});
// TODOS
// fetch all conversations that I am part of
@@ -34,8 +38,10 @@ const TerminalContext = React.createContext({});
export function TerminalProvider({ children }: { children?: React.ReactNode }) {
const { enqueueSnackbar } = useSnackbar();
+ const [conversations, setConversations] = useState([]);
+
return (
-
+