From 8931181d8b4ff58e74cbbaf399ea980635abf862 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Sun, 29 May 2022 10:57:00 -0500
Subject: [PATCH] no need to show current people in room in so many places

in the header of the conversation in details and in side panel terminal
---
 packages/desktop/src/components/Terminal.tsx | 51 ++++----------------
 1 file changed, 9 insertions(+), 42 deletions(-)

diff --git a/packages/desktop/src/components/Terminal.tsx b/packages/desktop/src/components/Terminal.tsx
index 22fdb4d..3e69c36 100644
--- a/packages/desktop/src/components/Terminal.tsx
+++ b/packages/desktop/src/components/Terminal.tsx
@@ -329,7 +329,7 @@ export function TerminalProvider({ children }: { children?: React.ReactNode }) {
   //  when user wants to talk,
   //  unmute them and send clip for everyone to hear in the distance
   const handleBroadcast = useCallback(() => {
-    if (!selectedConversationId) {
+    if (!selectedConversation) {
       enqueueSnackbar('You must select a conversation first!!!', { variant: 'warning' });
       return;
     }
@@ -350,7 +350,7 @@ export function TerminalProvider({ children }: { children?: React.ReactNode }) {
     mediaRecorder.start();
     setIsUserSpeaking(true);
   }, [
-    selectedConversationId,
+    selectedConversation,
     setIsUserSpeaking,
     userAudioStream,
     mediaRecorder,
@@ -925,7 +925,8 @@ function ConversationDetails() {
 }
 
 function ConversationHistory() {
-  const { isCloudDoingMagic } = useTerminal();
+  const { isCloudDoingMagic, selectedConversation } = useTerminal();
+
   return (
     <Container maxWidth="xs">
       <Stack
@@ -988,46 +989,12 @@ function ConversationHistory() {
             </Box>
           </Stack>
         </Paper>
-      </Stack>
 
-      {isCloudDoingMagic && (
-        <IconButton color="secondary">
-          <FiCloudRain />
-        </IconButton>
-      )}
-
-      <Stack
-        justifyContent={'flex-start'}
-        alignItems={'center'}
-        sx={{
-          pt: 2,
-        }}
-      >
-        <Typography variant="caption">right now</Typography>
-
-        <Paper elevation={24} sx={{ p: 1, width: '100%' }}>
-          <Stack direction={'row'} alignItems="center">
-            <Stack spacing={2} direction={'row'} alignItems={'center'}>
-              <Avatar
-                alt={'Arjun Patel'}
-                src="https://lh3.googleusercontent.com/ogw/ADea4I6TRqnIptWNP25-iXdusoAHafj-cUPYkO53xKT2_H0=s64-c-mo"
-              />
-
-              <Typography color={'GrayText'} variant="overline">
-                {'Arjun Patel'}
-              </Typography>
-            </Stack>
-
-            <Box
-              sx={{
-                ml: 'auto',
-                color: 'GrayText',
-              }}
-            >
-              <FiPlay />
-            </Box>
-          </Stack>
-        </Paper>
+        {isCloudDoingMagic && (
+          <IconButton size="small" color="secondary">
+            <FiCloudRain />
+          </IconButton>
+        )}
       </Stack>
     </Container>
   );