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

2 files changed, 20 insertions, 25 deletions

diff --git a/src/components/comments/ZoomInCropper.tsx b/src/components/comments/ZoomInCropper.tsx
index 3c1e287d..20edafd0 100644
--- a/src/components/comments/ZoomInCropper.tsx
+++ b/src/components/comments/ZoomInCropper.tsx
@@ -307,7 +307,7 @@ export const ZoomInCropper: React.FC<ZoomInCropperProps> = ({
           style={styles.zoomView}>
           <View style={styles.videoParent} ref={vidRef}>
             <TrimmerPlayer
-              hideTrimmer={true}
+              hideTrimmer={false}
               source={media.uri}
               videoStyles={[
                 styles.media,
@@ -316,7 +316,6 @@ export const ZoomInCropper: React.FC<ZoomInCropperProps> = ({
                 },
               ]}
               handleLoad={(response: Object) => {
-                console.log(response);
                 const {width, height} = response;
                 setOrigDimensions([width, height]);
                 setAspectRatio(width / height);
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);
+        }}
+      />
     </>
   );
 };