fix: hide flying emoji for hls viewer

100mslive · Sep 1, 2023 · 9caa96e · 9caa96e
1 parent f5fdde2
commit 9caa96e
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/roomkit-react/src/Prebuilt/App.tsx b/packages/roomkit-react/src/Prebuilt/App.tsx
@@ -41,6 +41,7 @@ import { FlyingEmoji } from './plugins/FlyingEmoji';
 // @ts-ignore: No implicit Any
 import { RemoteStopScreenshare } from './plugins/RemoteStopScreenshare';
 import {
+  useRoomLayoutConferencingScreen,
   useRoomLayoutLeaveScreen,
   useRoomLayoutPreviewScreen,
 } from './provider/roomLayoutProvider/hooks/useRoomLayoutScreen';
@@ -340,13 +341,14 @@ const Router = ({ children }: { children: ReactElement }) => {
 
 function AppRoutes({ authTokenByRoomCodeEndpoint }: { authTokenByRoomCodeEndpoint: string }) {
   const roomLayout = useRoomLayout();
+  const { screenType } = useRoomLayoutConferencingScreen();
   return (
     <Router>
       <>
         <ToastContainer />
         <Notifications />
         <BackSwipe />
-        <FlyingEmoji />
+        {screenType !== 'hls_live_streaming' && <FlyingEmoji />}
         <RemoteStopScreenshare />
         <KeyboardHandler />
         <BeamSpeakerLabelsLogging />