fix: added ts pattern

100mslive · Mar 12, 2024 · 9ce3e72 · 9ce3e72
1 parent 2d74a0a
commit 9ce3e72
Showing 1 changed file with 21 additions and 15 deletions.
diff --git a/packages/roomkit-react/src/Prebuilt/layouts/HLSView.jsx b/packages/roomkit-react/src/Prebuilt/layouts/HLSView.jsx
@@ -337,21 +337,27 @@ const HLSView = () => {
     [hlsState?.variants, isLandscape, isMobile, onSeekTo],
   );
   const onClickHandler = useCallback(async () => {
-    if (!(isMobile || isLandscape) && hlsState?.variants[0]?.playlist_type !== HLSPlaylistType.DVR) {
-      return;
-    }
-    if (!(isMobile || isLandscape)) {
-      if (isPaused) {
-        await hlsPlayer?.play();
-      } else {
-        hlsPlayer.pause();
-      }
-      return;
-    }
-    setControlsVisible(value => !value);
-    if (controlsTimerRef.current) {
-      clearTimeout(controlsTimerRef.current);
-    }
+    match({ isMobile, isLandscape, playlist_type: hlsState?.variants[0]?.playlist_type })
+      .with({ playlist_type: HLSPlaylistType.DVR, isMobile: false, isLandscape: false }, async () => {
+        if (isPaused) {
+          await hlsPlayer?.play();
+        } else {
+          hlsPlayer?.pause();
+        }
+      })
+      .with({ isMobile: true }, () => {
+        setControlsVisible(value => !value);
+        if (controlsTimerRef.current) {
+          clearTimeout(controlsTimerRef.current);
+        }
+      })
+      .with({ isLandscape: true }, () => {
+        setControlsVisible(value => !value);
+        if (controlsTimerRef.current) {
+          clearTimeout(controlsTimerRef.current);
+        }
+      })
+      .otherwise(() => null);
   }, [hlsState?.variants, isLandscape, isMobile, isPaused]);
   const onHoverHandler = useCallback(
     event => {