Incorporate trimmer with zoom/crop component. Can toggle on and off with a boolean prop on the trimmerPlayer component.

1 files changed, 19 insertions, 23 deletions

diff --git a/src/components/moments/trimmer.tsx b/src/components/moments/trimmer.tsx
index 2bd3eb41..3c5c4980 100644
--- a/src/components/moments/trimmer.tsx
+++ b/src/components/moments/trimmer.tsx
@@ -66,29 +66,25 @@ export const TrimmerPlayer: React.FC<{
           setPaused((state) => !state);
         }}
       />
-      {hideTrimmer ? (
-        <> </>
-      ) : (
-        <Trimmer
-          source={source}
-          height={100}
-          width={350}
-          onTrackerMove={(e) => {
-            setPaused(true);
-            setSeekTime(e.currentTime);
-          }} // iOS only
-          currentTime={trackerTime + 0.25} // added .25 bc tracker is inaccurate
-          themeColor={'white'} // iOS only
-          showTrackerHandle={true}
-          thumbWidth={10} // iOS only
-          trackerColor={'white'} // iOS only
-          onChange={(e) => {
-            setPaused(true);
-            setEnd(e.endTime);
-            setStart(e.startTime);
-          }}
-        />
-      )}
+      <Trimmer
+        source={source}
+        height={hideTrimmer ? 0 : 75}
+        width={hideTrimmer ? 0 : 350} // replace w screen width
+        onTrackerMove={(e) => {
+          setPaused(true);
+          setSeekTime(e.currentTime);
+        }} // iOS only
+        currentTime={trackerTime + 0.25} // added .25 bc tracker is inaccurate
+        themeColor={'white'} // iOS only
+        // showTrackerHandle={true}
+        thumbWidth={10} // iOS only
+        trackerColor={'white'} // iOS only
+        onChange={(e: Object) => {
+          setPaused(true);
+          setEnd(e.endTime);
+          setStart(e.startTime);
+        }}
+      />
     </>
   );
 };