fix: participant label icons

GetStream · Nov 15, 2024 · 72b89c1 · 72b89c1
1 parent ef2b1b0
commit 72b89c1
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/packages/react-native-sdk/src/components/Participant/ParticipantView/ParticipantLabel.tsx b/packages/react-native-sdk/src/components/Participant/ParticipantView/ParticipantLabel.tsx
@@ -133,7 +133,9 @@ export const ParticipantLabel = ({
           </Pressable>
         )}
         <View style={styles.indicatorWrapper}>
-          <SpeechIndicator isSpeaking={participant.isSpeaking} />
+          <SpeechIndicator
+            isSpeaking={!isAudioMuted && participant.isDominantSpeaker}
+          />
         </View>
       </View>
     </View>
@@ -163,22 +165,26 @@ const useStyles = () => {
         },
         userNameLabel: {
           flexShrink: 1,
-          marginTop: 2,
+          marginTop: 3,
           fontSize: 13,
           fontWeight: '400',
           color: theme.colors.textPrimary,
         },
         screenShareIconContainer: {
           marginRight: theme.variants.spacingSizes.sm,
+          justifyContent: 'center',
         },
         audioMutedIconContainer: {
           marginLeft: theme.variants.spacingSizes.xs,
+          justifyContent: 'center',
         },
         videoMutedIconContainer: {
           marginLeft: theme.variants.spacingSizes.xs,
+          justifyContent: 'center',
         },
         pinIconContainer: {
           marginLeft: theme.variants.spacingSizes.xs,
+          justifyContent: 'center',
         },
       }),
     [theme]

diff --git a/sample-apps/react-native/dogfood/src/constants/KnownUsers.ts b/sample-apps/react-native/dogfood/src/constants/KnownUsers.ts
@@ -24,4 +24,9 @@ export const KnownUsers = [
     name: 'Zita Szupera',
     image: 'https://ca.slack-edge.com/T02RM6X6B-U02CA8MV9D1-8631020b96bf-512',
   },
+  {
+    id: 'kristian',
+    name: 'Kristian Martinoski',
+    image: 'https://ca.slack-edge.com/T02RM6X6B-U07L58DPSHG-0f665ede711c-48',
+  },
 ];