diff --git a/packages/desktop/src/components/Terminal.tsx b/packages/desktop/src/components/Terminal.tsx
index 0a7a549..efe8acb 100644
--- a/packages/desktop/src/components/Terminal.tsx
+++ b/packages/desktop/src/components/Terminal.tsx
@@ -307,162 +307,7 @@ export function TerminalProvider({ children }: { children?: React.ReactNode }) {
- {/* selected conversation details */}
- {selectedConversation && (
-
-
-
-
-
-
- {'Viet Phan'}
-
-
-
-
-
-
-
-
-
-
-
-
-
- yesterday
-
-
-
-
-
-
-
- {'Viet Phan'}
-
-
-
-
-
-
-
-
-
-
-
- today
-
-
-
-
-
-
-
- {'Viet Phan'}
-
-
-
-
-
-
-
-
-
-
-
- right now
-
-
-
-
-
-
-
- {'Arjun Patel'}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- )}
+
{children}
@@ -610,3 +455,187 @@ function ConversationRow({ conversation }: { conversation: Conversation }) {
);
}
+
+function MainPanel() {
+ const { user } = useAuth();
+ const { selectedConversation } = useTerminal();
+
+ // if selected conversation, show details
+ // do all fetching necessary to paint things here
+ // join the call so to speak
+
+ // show who is
+
+ return (
+
+ {selectedConversation ? (
+ <>
+
+
+
+
+
+ {'Viet Phan'}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ yesterday
+
+
+
+
+
+
+
+ {'Viet Phan'}
+
+
+
+
+
+
+
+
+
+
+
+ today
+
+
+
+
+
+
+
+ {'Viet Phan'}
+
+
+
+
+
+
+
+
+
+
+
+ right now
+
+
+
+
+
+
+
+ {'Arjun Patel'}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ) : (
+
+ {`Hi ${
+ user.displayName?.split(' ')[0] ?? 'there'
+ }!`}
+ Take a deep breath in.
+
+ )}
+
+ );
+}