test

LunatiqueCoder · Dec 23, 2024 · 8b1712f · 8b1712f
1 parent 0ae7dc4
commit 8b1712f
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/packages/media-console/src/VideoPlayer.tsx b/packages/media-console/src/VideoPlayer.tsx
@@ -53,6 +53,8 @@ const AnimatedVideoPlayer = (
     onExitFullscreen = () => {},
     onHideControls = () => {},
     onShowControls = () => {},
+    onSetting = () => {},
+    name ="",
     onPause,
     onPlay,
     onLoad,
@@ -213,6 +215,7 @@ const AnimatedVideoPlayer = (
     onEnd: _onEnd,
     onScreenTouch: _onScreenTouch,
     onEnterFullscreen,
+    onSetting:onSetting,
     onExitFullscreen,
     onShowControls,
     onHideControls,
@@ -432,6 +435,8 @@ const AnimatedVideoPlayer = (
               onBack={events.onBack}
               resetControlTimeout={resetControlTimeout}
               showControls={showControls}
+              onSetting={events.onSetting}
+              name={name}
             />
             <PlayPause
               animations={animations}

diff --git a/packages/media-console/src/components/TopControls.tsx b/packages/media-console/src/components/TopControls.tsx
@@ -5,6 +5,7 @@ import {
   StyleSheet,
   View,
   GestureResponderHandlers,
+  Text,
 } from 'react-native';
 import {Volume} from './Volume';
 import {Back} from './Back';
@@ -14,6 +15,7 @@ import type {VideoAnimations} from '../types';
 
 interface TopControlProps {
   showControls: boolean;
+  name: string;
   panHandlers: GestureResponderHandlers;
   animations: VideoAnimations;
   disableBack: boolean;
@@ -22,6 +24,7 @@ interface TopControlProps {
   volumeTrackWidth: number;
   volumePosition: number;
   onBack: () => void;
+  onSetting: () => void;
   resetControlTimeout: () => void;
 }
 
@@ -36,7 +39,9 @@ export const TopControls = memo(
     volumePosition,
     volumeTrackWidth,
     onBack,
+    onSetting,
     resetControlTimeout,
+    name,
   }: TopControlProps) => {
     const backControl = disableBack ? (
       <NullControl />
@@ -68,7 +73,15 @@ export const TopControls = memo(
         >
           <SafeAreaView style={_styles.topControlGroup}>
             {backControl}
-            <View style={_styles.pullRight}>{volumeControl}</View>
+            <View style={_styles.pullRight}>
+              {volumeControl}
+              <Text
+                style={{color: 'white', marginLeft: 10}}
+                onPress={onSetting}
+              >
+                {name}
+              </Text>
+            </View>
           </SafeAreaView>
         </ImageBackground>
       </AnimatedView>