From 72b89c1b091b468b1a973f604cd885bb23a8756e Mon Sep 17 00:00:00 2001
From: Kristian Martinoski <martinoskikristian@gmail.com>
Date: Fri, 15 Nov 2024 10:57:24 +0100
Subject: [PATCH] fix: participant label icons

---
 .../Participant/ParticipantView/ParticipantLabel.tsx   | 10 ++++++++--
 .../react-native/dogfood/src/constants/KnownUsers.ts   |  5 +++++
 2 files changed, 13 insertions(+), 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
index 5e13c98a37..9f7c8894ab 100644
--- 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
index dc0c9e9df1..35cc7915dc 100644
--- 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',
+  },
 ];