47 lines
1.3 KiB
TypeScript
47 lines
1.3 KiB
TypeScript
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>
|
|
);
|
|
}
|