Dont show speaking indicator for active speaker in speaker view

ts/components/CallScreen.stories.tsx

@@ -105,7 +105,17 @@ const createActiveGroupCallProp = (overrideProps: GroupCallOverrideProps) => ({
   peekedParticipants:
     overrideProps.peekedParticipants || overrideProps.remoteParticipants || [],
   remoteParticipants: overrideProps.remoteParticipants || [],
-  remoteAudioLevels: new Map<number, number>(),
+  remoteAudioLevels: new Map<number, number>(
+    overrideProps.remoteParticipants?.map((_participant, index) => [
+      index,
+      number('remoteAudioLevel', 0, {
+        range: true,
+        min: 0,
+        max: 1,
+        step: 0.01,
+      }),
+    ])
+  ),
 });
 
 const createActiveCallProp = (

ts/components/CallingPipRemoteVideo.tsx

@@ -172,6 +172,7 @@ export function CallingPipRemoteVideo({
             isInPip
             remoteParticipant={activeGroupCallSpeaker}
             remoteParticipantsCount={activeCall.remoteParticipants.length}
+            isActiveSpeakerInSpeakerView={false}
           />
         </div>
       );

ts/components/GroupCallOverflowArea.tsx

@@ -126,6 +126,7 @@ export function GroupCallOverflowArea({
             )}
             remoteParticipant={remoteParticipant}
             remoteParticipantsCount={remoteParticipantsCount}
+            isActiveSpeakerInSpeakerView={false}
           />
         ))}
       </div>

ts/components/GroupCallRemoteParticipant.stories.tsx

@@ -64,6 +64,7 @@ const createProps = (
     }),
   },
   remoteParticipantsCount: 1,
+  isActiveSpeakerInSpeakerView: false,
   ...overrideProps,
 });
 

ts/components/GroupCallRemoteParticipant.tsx

@@ -35,6 +35,7 @@ type BasePropsType = {
   getFrameBuffer: () => Buffer;
   getGroupCallVideoFrameSource: (demuxId: number) => VideoFrameSource;
   i18n: LocalizerType;
+  isActiveSpeakerInSpeakerView: boolean;
   onVisibilityChanged?: (demuxId: number, isVisible: boolean) => unknown;
   remoteParticipant: GroupCallRemoteParticipantType;
   remoteParticipantsCount: number;
@@ -67,6 +68,7 @@ export const GroupCallRemoteParticipant: React.FC<PropsType> = React.memo(
       i18n,
       onVisibilityChanged,
       remoteParticipantsCount,
+      isActiveSpeakerInSpeakerView,
     } = props;
 
     const {
@@ -83,7 +85,6 @@ export const GroupCallRemoteParticipant: React.FC<PropsType> = React.memo(
       sharingScreen,
       title,
       videoAspectRatio,
-      presenting,
     } = props.remoteParticipant;
 
     const isSpeaking = useValueAtFixedRate(
@@ -281,7 +282,7 @@ export const GroupCallRemoteParticipant: React.FC<PropsType> = React.memo(
           className={classNames(
             'module-ongoing-call__group-call-remote-participant',
             isSpeaking &&
-              !presenting &&
+              !isActiveSpeakerInSpeakerView &&
               remoteParticipantsCount > 1 &&
               'module-ongoing-call__group-call-remote-participant--speaking'
           )}

ts/components/GroupCallRemoteParticipants.tsx

@@ -296,6 +296,7 @@ export function GroupCallRemoteParticipants({
             top={top}
             width={renderedWidth}
             remoteParticipantsCount={remoteParticipants.length}
+            isActiveSpeakerInSpeakerView={isInSpeakerView}
           />
         );
       });