Rename trimmer

2 files changed, 14 insertions, 4 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';