From 95410f705f15f0eab611400c1b9fda4830503815 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Fri, 16 Jul 2021 19:20:28 -0400
Subject: Fix trimmer logic

---
 src/components/moments/TrimmerPlayer.tsx | 51 ++++++++++++++++++--------------
 1 file changed, 28 insertions(+), 23 deletions(-)

(limited to 'src/components')

diff --git a/src/components/moments/TrimmerPlayer.tsx b/src/components/moments/TrimmerPlayer.tsx
index ef829637..b28df590 100644
--- a/src/components/moments/TrimmerPlayer.tsx
+++ b/src/components/moments/TrimmerPlayer.tsx
@@ -50,6 +50,10 @@ const TrimmerPlayer: React.FC<TrimmerPlayerProps> = ({
   // Callback so parent knows where the trimming endpts are
   useEffect(() => onChangedEndpoints({end, start}), [end, start]);
 
+  useEffect(() => {
+    playerRef.current?.seek(0);
+  }, [hideTrimmer]);
+
   return (
     <>
       <Video
@@ -66,7 +70,6 @@ const TrimmerPlayer: React.FC<TrimmerPlayerProps> = ({
         resizeMode={'contain'}
         repeat={true}
         onLoad={(payload) => {
-          console.log(payload, source);
           setEnd(payload.duration);
           handleLoad(payload.naturalSize);
         }}
@@ -80,28 +83,30 @@ const TrimmerPlayer: React.FC<TrimmerPlayerProps> = ({
           setPaused((state) => !state);
         }}
       />
-      <View style={styles.trimmerContainer}>
-        <Trimmer
-          // link to descr and use of props for trimmer ->
-          // https://github.com/shahen94/react-native-video-processing
-          source={source}
-          height={hideTrimmer ? 0 : 75}
-          width={hideTrimmer ? 0 : SCREEN_WIDTH}
-          onTrackerMove={(e: {currentTime: number}) => {
-            setPaused(true);
-            setSeekTime(e.currentTime);
-          }}
-          currentTime={trackerTime}
-          themeColor={'white'}
-          thumbWidth={10}
-          trackerColor={'white'}
-          onChange={(e: {endTime: number; startTime: number}) => {
-            setPaused(true);
-            setEnd(e.endTime);
-            setStart(e.startTime);
-          }}
-        />
-      </View>
+      {!hideTrimmer && (
+        <View style={styles.trimmerContainer}>
+          <Trimmer
+            // link to descr and use of props for trimmer ->
+            // https://github.com/shahen94/react-native-video-processing
+            source={source}
+            height={75}
+            width={SCREEN_WIDTH}
+            onTrackerMove={(e: {currentTime: number}) => {
+              setPaused(true);
+              setSeekTime(e.currentTime);
+            }}
+            currentTime={trackerTime}
+            themeColor={'white'}
+            thumbWidth={10}
+            trackerColor={'white'}
+            onChange={(e: {endTime: number; startTime: number}) => {
+              setPaused(true);
+              setEnd(e.endTime);
+              setStart(e.startTime);
+            }}
+          />
+        </View>
+      )}
     </>
   );
 };
-- 
cgit v1.2.3-70-g09d2