From d1dc34767ae09dacd6c259b153ecb8b51efaab42 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Sat, 28 May 2022 17:15:26 -0500
Subject: [PATCH] good enough list for now

---
 packages/desktop/src/components/Terminal.tsx | 82 +++-----------------
 1 file changed, 9 insertions(+), 73 deletions(-)

diff --git a/packages/desktop/src/components/Terminal.tsx b/packages/desktop/src/components/Terminal.tsx
index eb10056..0a7a549 100644
--- a/packages/desktop/src/components/Terminal.tsx
+++ b/packages/desktop/src/components/Terminal.tsx
@@ -179,6 +179,8 @@ export function TerminalProvider({ children }: { children?: React.ReactNode }) {
         enqueueSnackbar('started conversation!', { variant: 'success' });
 
         setSelectedConversationId(newConversationId);
+
+        setSearchVal('');
       } catch (error) {
         enqueueSnackbar('Something went wrong, please try again', { variant: 'error' });
       }
@@ -541,34 +543,6 @@ function ListConversations() {
             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>
 
       <Divider />
@@ -583,50 +557,14 @@ function ListConversations() {
             <Typography variant="subtitle2"> Inbox</Typography>
           </ListSubheader>
         }
-      >
-        <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>
+      ></List>
     </>
   );
 }
 
 function ConversationRow({ conversation }: { conversation: Conversation }) {
   const { user } = useAuth();
-  const { getUser } = useTerminal();
+  const { getUser, selectedConversation } = useTerminal();
 
   const [conversationUsers, setConversationUsers] = useImmer<User[]>([]);
 
@@ -646,16 +584,14 @@ function ConversationRow({ conversation }: { conversation: Conversation }) {
 
   return (
     <ListItem key={`${conversation.id}-priorityConvoList`}>
-      <ListItemButton selected={true}>
-        <Box sx={{ color: 'GrayText' }}>
+      <ListItemButton selected={selectedConversation?.id === conversation.id}>
+        <Box sx={{ color: 'GrayText', fontSize: 10, mr: 2 }}>
           <FiCircle />
         </Box>
 
-        <ListItemText
-          secondary={conversationUsers
-            .map((conversationUser) => conversationUser.displayName)
-            .join(', ')}
-        />
+        <Typography sx={{ mr: 'auto', color: 'GrayText' }} variant={'overline'}>
+          {conversationUsers.map((conversationUser) => conversationUser.displayName).join(', ')}
+        </Typography>
 
         <ListItemAvatar>
           <AvatarGroup variant={'rounded'}>