nice main thing coming along

2022-06-11 13:27:50 -05:00
parent f2f930fbf1
commit a1ffe5249c
2 changed files with 58 additions and 2 deletions
@@ -0,0 +1,46 @@
+import { Container, Grid, Typography } from '@mui/material';
+import React, { useMemo } from 'react';
+
+// import ConversationDetails from './ConversationDetails';
+import { blueGrey } from '@mui/material/colors';
+import useAuth from '../providers/AuthProvider';
+import useConversations from '../providers/ConversationProvider';
+import { useRendersCount } from 'react-use';
+import useTerminal from './Terminal';
+
+export default function MainPanel() {
+  const { user } = useAuth();
+
+  const { selectedConversation } = useConversations();
+
+  // if selected conversation, show details
+  // do all fetching necessary to paint things here
+  // join the call so to speak
+
+  // show who is
+
+  const rendersCount = useRendersCount();
+  console.warn('RENDER COUNT | MAINPANEL | ', rendersCount);
+
+  // if (selectedConversation) return <ConversationDetails />;
+
+  return (
+    <Container
+      maxWidth={false}
+      sx={{
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'center',
+        alignItems: 'center',
+        gap: 2,
+        flex: 1,
+        background: 'white',
+      }}
+    >
+      <Typography variant="h6">{`Hi ${user.givenName?.split(' ')[0] ?? 'there'}!`}</Typography>
+      <Typography variant="caption" align="center">
+        Start a conversation with one tap <br /> or just take a breather.
+      </Typography>
+    </Container>
+  );
+}