fix: renaming

100mslive · Mar 19, 2024 · 6f86326 · 6f86326
1 parent 9e90382
commit 6f86326
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 20 deletions.
diff --git a/packages/roomkit-react/src/Prebuilt/components/HMSVideo/PlayPauseSeekControls.tsx b/packages/roomkit-react/src/Prebuilt/components/HMSVideo/PlayPauseSeekControls.tsx
@@ -5,7 +5,7 @@ import { Box, Flex } from '../../../Layout';
 import { Text } from '../../../Text';
 import { config } from '../../../Theme';
 import { PlayPauseButton } from './PlayPauseButton';
-import { SeekControls } from './SeekControls';
+import { SeekControl } from './SeekControl';
 import { useIsLandscape } from '../../common/hooks';
 
 // desktop buttons
@@ -18,37 +18,37 @@ export const PlayPauseSeekControls = ({
 }) => {
   return (
     <>
-      <SeekControls
+      <SeekControl
         onClick={e => {
           e.stopPropagation();
           onSeekTo(-10);
         }}
         title="backward"
       >
         <BackwardArrowIcon width={20} height={20} />
-      </SeekControls>
+      </SeekControl>
       <PlayPauseButton isPaused={isPaused} />
-      <SeekControls
+      <SeekControl
         onClick={e => {
           e.stopPropagation();
           onSeekTo(10);
         }}
         title="forward"
       >
         <ForwardArrowIcon width={20} height={20} />
-      </SeekControls>
+      </SeekControl>
     </>
   );
 };
 
 // overlay handlers
 export const PlayPauseSeekOverlayControls = ({
   isPaused,
-  controlsVisible,
+  showControls,
   hoverControlsVisible,
 }: {
   isPaused: boolean;
-  controlsVisible: boolean;
+  showControls: boolean;
   hoverControlsVisible: {
     seekBackward: boolean;
     seekForward: boolean;
@@ -73,9 +73,9 @@ export const PlayPauseSeekOverlayControls = ({
           direction="column"
           align="center"
         >
-          <SeekControls title="backward">
+          <SeekControl title="backward">
             <BackwardArrowIcon width={52} height={52} />
-          </SeekControls>
+          </SeekControl>
           <Text variant="body2" css={{ fontWeight: '$regular' }}>
             10 secs
           </Text>
@@ -101,9 +101,9 @@ export const PlayPauseSeekOverlayControls = ({
           direction="column"
           align="center"
         >
-          <SeekControls title="forward">
+          <SeekControl title="forward">
             <ForwardArrowIcon width={52} height={52} />
-          </SeekControls>
+          </SeekControl>
           <Text variant="body2" css={{ fontWeight: '$regular' }}>
             10 secs
           </Text>
@@ -123,19 +123,19 @@ export const PlayPauseSeekOverlayControls = ({
         gap: '$2',
         zIndex: 1,
         size: '100%',
-        visibility: controlsVisible ? `` : `hidden`,
-        opacity: controlsVisible ? `1` : '0',
+        visibility: showControls ? `` : `hidden`,
+        opacity: showControls ? `1` : '0',
       }}
     >
-      <SeekControls
+      <SeekControl
         title="backward"
         css={{
           visibility: hoverControlsVisible.seekBackward ? `` : `hidden`,
           opacity: hoverControlsVisible.seekBackward ? `1` : '0',
         }}
       >
         <BackwardArrowIcon width={32} height={32} />
-      </SeekControls>
+      </SeekControl>
       <Box
         css={{
           bg: 'rgba(0, 0, 0, 0.6)',
@@ -144,15 +144,15 @@ export const PlayPauseSeekOverlayControls = ({
       >
         <PlayPauseButton isPaused={isPaused} width={48} height={48} />
       </Box>
-      <SeekControls
+      <SeekControl
         title="forward"
         css={{
           visibility: hoverControlsVisible.seekForward ? `` : `hidden`,
           opacity: hoverControlsVisible.seekForward ? `1` : '0',
         }}
       >
         <ForwardArrowIcon width={32} height={32} />
-      </SeekControls>
+      </SeekControl>
     </Flex>
   );
 };
diff --git a/...uilt/components/HMSVideo/SeekControls.tsx → ...built/components/HMSVideo/SeekControl.tsx b/...uilt/components/HMSVideo/SeekControls.tsx → ...built/components/HMSVideo/SeekControl.tsx
@@ -1,7 +1,7 @@
 import React, { MouseEventHandler } from 'react';
 import { IconButton, Tooltip } from '../../..';
 
-export const SeekControls = ({
+export const SeekControl = ({
   title,
   onClick,
   children,

diff --git a/packages/roomkit-react/src/Prebuilt/layouts/HLSView.jsx b/packages/roomkit-react/src/Prebuilt/layouts/HLSView.jsx
@@ -559,7 +559,7 @@ const HLSView = () => {
                   {!showLoader && hlsState?.variants[0]?.playlist_type === HLSPlaylistType.DVR && (
                     <HMSVideoPlayer.PlayPauseSeekControls.Overlay
                       isPaused={isPaused}
-                      controlsVisible={controlsVisible}
+                      showControls={controlsVisible}
                       hoverControlsVisible={hoverControlsVisible}
                     />
                   )}
@@ -570,7 +570,7 @@ const HLSView = () => {
                   {!showLoader && hlsState?.variants[0]?.playlist_type === HLSPlaylistType.DVR && (
                     <HMSVideoPlayer.PlayPauseSeekControls.Overlay
                       isPaused={isPaused}
-                      controlsVisible={controlsVisible}
+                      showControls={controlsVisible}
                       hoverControlsVisible={hoverControlsVisible}
                     />
                   )}