From 8b1712f2c4ef210e72398e77474e7457dcba76e1 Mon Sep 17 00:00:00 2001
From: Son Bui <sonbh@unica.vn>
Date: Mon, 23 Dec 2024 10:48:01 +0700
Subject: [PATCH] test

---
 packages/media-console/src/VideoPlayer.tsx        |  5 +++++
 .../media-console/src/components/TopControls.tsx  | 15 ++++++++++++++-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/packages/media-console/src/VideoPlayer.tsx b/packages/media-console/src/VideoPlayer.tsx
index 9ee82de..3e68070 100644
--- 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
index 9dddcba..f01ee2c 100644
--- 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>