3 files changed, 15 insertions, 5 deletions
diff --git a/src/components/moments/trimmer.tsx b/src/components/moments/TrimmerPlayer.tsx
index c99eaa6f..4d6a8985 100644
--- a/src/components/moments/trimmer.tsx
+++ b/src/components/moments/TrimmerPlayer.tsx
@@ -1,16 +1,23 @@
-import React, {useEffect, useState} from 'react';
+import React, {useEffect, useRef, useState} from 'react';
 import Video from 'react-native-video';
 import {Trimmer} from 'react-native-video-processing';
-import {useRef} from 'react';
 import {SCREEN_WIDTH} from '../../utils';
 
-export const TrimmerPlayer: React.FC<{
+interface TrimmerPlayerProps {
   source: string;
   videoStyles: Object;
   hideTrimmer: boolean;
   handleLoad: Function;
   onChangedEndpoints: Function;
-}> = ({source, videoStyles, hideTrimmer, handleLoad, onChangedEndpoints}) => {
+}
+
+const TrimmerPlayer: React.FC<TrimmerPlayerProps> = ({
+  source,
+  videoStyles,
+  hideTrimmer,
+  handleLoad,
+  onChangedEndpoints,
+}) => {
   // Stores the reference to player for seeking
   const playerRef = useRef<Video>();
   // Stores where the video is playing (seekTime)
@@ -96,3 +103,5 @@ export const TrimmerPlayer: React.FC<{
     </>
   );
 };
+
+export default TrimmerPlayer;
diff --git a/src/components/moments/index.ts b/src/components/moments/index.ts
index cac2da2e..95e5c75a 100644
--- a/src/components/moments/index.ts
+++ b/src/components/moments/index.ts
@@ -3,3 +3,4 @@ export {default as CaptionScreenHeader} from './CaptionScreenHeader';
 export {default as Moment} from './Moment';
 export {default as TagFriendsFooter} from './TagFriendsFoooter';
 export {default as MomentPost} from './MomentPost';
+export {default as TrimmerPlayer} from './TrimmerPlayer';
diff --git a/src/screens/upload/EditMedia.tsx b/src/screens/upload/EditMedia.tsx
index ed5cd0d7..d25a0fb9 100644
--- a/src/screens/upload/EditMedia.tsx
+++ b/src/screens/upload/EditMedia.tsx
@@ -8,8 +8,8 @@ import ImageZoom, {IOnMove} from 'react-native-image-pan-zoom';
 import PhotoManipulator from 'react-native-photo-manipulator';
 import TrimIcon from '../../assets/icons/trim.svg';
 import CloseIcon from '../../assets/ionicons/close-outline.svg';
+import {TrimmerPlayer} from '../../components';
 import {TaggLoadingIndicator, TaggSquareButton} from '../../components/common';
-import {TrimmerPlayer} from '../../components/moments/trimmer';
 import {MainStackParams} from '../../routes';
 import {
   cropVideo,