Merge branch 'main' into chore/remove-buddy

GetStream · Oct 3, 2023 · 09ef979 · 09ef979
2 parents 0871e68 + 62e2d05
commit 09ef979
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 14 deletions.
diff --git a/packages/react-sdk/CHANGELOG.md b/packages/react-sdk/CHANGELOG.md
@@ -2,6 +2,13 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.3.36](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.3.35...@stream-io/video-react-sdk-0.3.36) (2023-10-03)
+
+
+### Bug Fixes
+
+* check if `currentParticipant` is actually initialized ([#1124](https://github.com/GetStream/stream-video-js/issues/1124)) ([797b84f](https://github.com/GetStream/stream-video-js/commit/797b84f9f63ae2c98a97b28afc08858705cd6840))
+
 ### [0.3.35](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.3.34...@stream-io/video-react-sdk-0.3.35) (2023-10-02)
 
 

diff --git a/packages/react-sdk/package.json b/packages/react-sdk/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-sdk",
-  "version": "0.3.35",
+  "version": "0.3.36",
   "packageManager": "[email protected]",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

diff --git a/packages/react-sdk/src/core/components/CallLayout/LivestreamLayout.tsx b/packages/react-sdk/src/core/components/CallLayout/LivestreamLayout.tsx
@@ -102,19 +102,22 @@ export const LivestreamLayout = (props: LivestreamLayoutProps) => {
           muteAudio // audio is rendered by ParticipantsAudio
         />
       )}
-      <ParticipantView
-        className={clsx(
-          hasOngoingScreenShare &&
-            'str-video__livestream-layout__floating-participant',
-          (hasOngoingScreenShare &&
-            floatingParticipantProps?.position &&
-            `str-video__livestream-layout__floating-participant--${floatingParticipantProps.position}`) ??
-            'str-video__livestream-layout__floating-participant--top-right',
-        )}
-        participant={currentSpeaker}
-        ParticipantViewUI={FloatingParticipantOverlay || Overlay}
-        muteAudio // audio is rendered by ParticipantsAudio
-      />
+      {currentSpeaker && (
+        <ParticipantView
+          className={clsx(
+            hasOngoingScreenShare &&
+              clsx(
+                'str-video__livestream-layout__floating-participant',
+                `str-video__livestream-layout__floating-participant--${
+                  floatingParticipantProps?.position ?? 'top-right'
+                }`,
+              ),
+          )}
+          participant={currentSpeaker}
+          ParticipantViewUI={FloatingParticipantOverlay || Overlay}
+          muteAudio // audio is rendered by ParticipantsAudio
+        />
+      )}
     </div>
   );
 };