good enough list for now

This commit is contained in:
talksik
2022-05-28 17:15:26 -05:00
parent 5528a39439
commit d1dc34767a
+9 -73
View File
@@ -179,6 +179,8 @@ export function TerminalProvider({ children }: { children?: React.ReactNode }) {
enqueueSnackbar('started conversation!', { variant: 'success' }); enqueueSnackbar('started conversation!', { variant: 'success' });
setSelectedConversationId(newConversationId); setSelectedConversationId(newConversationId);
setSearchVal('');
} catch (error) { } catch (error) {
enqueueSnackbar('Something went wrong, please try again', { variant: 'error' }); enqueueSnackbar('Something went wrong, please try again', { variant: 'error' });
} }
@@ -541,34 +543,6 @@ function ListConversations() {
conversation={currentConversation} conversation={currentConversation}
/> />
))} ))}
<ListItem>
<ListItemButton selected={true}>
<ListItemAvatar>
<Avatar alt={'Arjun Patel'} src="https://mui.com/static/images/avatar/2.jpg" />
</ListItemAvatar>
<ListItemText primary="Viet" />
<Typography variant={'caption'}>20 sec</Typography>
</ListItemButton>
</ListItem>
<ListItem>
<ListItemButton>
<ListItemAvatar>
<NirvanaAvatar
avatars={[
{ alt: 'Arjun Patel', src: 'https://mui.com/static/images/avatar/3.jpg' },
]}
/>
</ListItemAvatar>
<ListItemText primary="Agnes" />
<Typography variant={'caption'}>34 min ago</Typography>
</ListItemButton>
</ListItem>
</List> </List>
<Divider /> <Divider />
@@ -583,50 +557,14 @@ function ListConversations() {
<Typography variant="subtitle2"> Inbox</Typography> <Typography variant="subtitle2"> Inbox</Typography>
</ListSubheader> </ListSubheader>
} }
> ></List>
<ListItem>
<ListItemButton sx={{ opacity: 0.5 }}>
<ListItemAvatar>
<Avatar
sx={{
filter: `grayscale(1)`,
}}
alt={'Arjun Patel'}
src="https://mui.com/static/images/avatar/5.jpg"
/>
</ListItemAvatar>
<ListItemText secondary="Jeremy Leon" sx={{ color: blueGrey[300] }} />
<Badge color="primary" badgeContent=" " variant="dot"></Badge>
</ListItemButton>
</ListItem>
<ListItem>
<ListItemButton sx={{ opacity: 0.5 }}>
<ListItemAvatar>
<Avatar
sx={{
filter: `grayscale(1)`,
}}
alt={'Arjun Patel'}
src="https://mui.com/static/images/avatar/4.jpg"
/>
</ListItemAvatar>
<ListItemText secondary="James Lin" sx={{ color: blueGrey[300] }} />
<Typography variant={'caption'}>2 hours ago</Typography>
</ListItemButton>
</ListItem>
</List>
</> </>
); );
} }
function ConversationRow({ conversation }: { conversation: Conversation }) { function ConversationRow({ conversation }: { conversation: Conversation }) {
const { user } = useAuth(); const { user } = useAuth();
const { getUser } = useTerminal(); const { getUser, selectedConversation } = useTerminal();
const [conversationUsers, setConversationUsers] = useImmer<User[]>([]); const [conversationUsers, setConversationUsers] = useImmer<User[]>([]);
@@ -646,16 +584,14 @@ function ConversationRow({ conversation }: { conversation: Conversation }) {
return ( return (
<ListItem key={`${conversation.id}-priorityConvoList`}> <ListItem key={`${conversation.id}-priorityConvoList`}>
<ListItemButton selected={true}> <ListItemButton selected={selectedConversation?.id === conversation.id}>
<Box sx={{ color: 'GrayText' }}> <Box sx={{ color: 'GrayText', fontSize: 10, mr: 2 }}>
<FiCircle /> <FiCircle />
</Box> </Box>
<ListItemText <Typography sx={{ mr: 'auto', color: 'GrayText' }} variant={'overline'}>
secondary={conversationUsers {conversationUsers.map((conversationUser) => conversationUser.displayName).join(', ')}
.map((conversationUser) => conversationUser.displayName) </Typography>
.join(', ')}
/>
<ListItemAvatar> <ListItemAvatar>
<AvatarGroup variant={'rounded'}> <AvatarGroup variant={'rounded'}>