Merge upstream v4.12.3 (Element Call 0.20.1) into lotus

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-23 04:11:41 -04:00
parent 79f8fabb1b 69515e8e81
commit c0f9867218
13 changed files with 136 additions and 53 deletions
@@ -129,6 +129,12 @@ export function CallControls({ callEmbed }: CallControlsProps) {
    setCords(undefined);
  };

+  const handleMicrophoneToggle = useCallback(
+    () => callEmbed.control.toggleMicrophone(),
+    [callEmbed],
+  );
+  const handleVideoToggle = useCallback(() => callEmbed.control.toggleVideo(), [callEmbed]);
+
  const pttActiveRef = useRef(false);

  useEffect(() => {
@@ -368,10 +374,7 @@ export function CallControls({ callEmbed }: CallControlsProps) {
      >
        <Box alignItems="Center" gap="Inherit" grow="Yes" direction={compact ? 'Column' : 'Row'}>
          <Box shrink="No" alignItems="Inherit" justifyContent="Inherit" gap="200">
-            <MicrophoneButton
-              enabled={microphone}
-              onToggle={() => callEmbed.control.toggleMicrophone()}
-            />
+            <MicrophoneButton enabled={microphone} onToggle={handleMicrophoneToggle} />
            <SoundButton enabled={sound} onToggle={() => callEmbed.control.toggleSound()} />
            <ScreenshareAudioButton
              muted={screenshareAudioMuted}
@@ -380,7 +383,7 @@ export function CallControls({ callEmbed }: CallControlsProps) {
          </Box>
          {!compact && <ControlDivider />}
          <Box shrink="No" alignItems="Inherit" justifyContent="Inherit" gap="200">
-            <VideoButton enabled={video} onToggle={() => callEmbed.control.toggleVideo()} />
+            <VideoButton enabled={video} onToggle={handleVideoToggle} />
            <ScreenShareButton
              enabled={screenshare}
              onToggle={() =>