Merge branch 'feature/mvp' into feature/comp/playbar-w-trim

packages/fakeyou.com/src/components/common/VideoQuickTrim/VideoQuickTrim.tsx

@@ -118,18 +118,19 @@ export const VideoQuickTrim = memo(({
   ]); //END videoRefCallback\
 
   useEffect(()=>{
-    if( compState.trimStartSeconds
-      && compState.trimEndSeconds
+    if( compState.trimStartSeconds !== undefined
+      && compState.trimEndSeconds !== undefined
       && (
         compState.trimStartSeconds !== propsTrimStartSeconds
         || compState.trimEndSeconds !== propsTrimEndSeconds
       )
     ){
-        onSelect({
-          trimStartSeconds: compState.trimStartSeconds,
-          trimEndSeconds: compState.trimEndSeconds,
-        });
-      }
+      console.log(`TRIM on useEFFECT: calling onSELECT`);
+      onSelect({
+        trimStartSeconds: compState.trimStartSeconds,
+        trimEndSeconds: compState.trimEndSeconds,
+      });
+    }
   }, [onSelect, compState.trimStartSeconds, compState.trimEndSeconds, propsTrimStartSeconds, propsTrimEndSeconds])
 
   const togglePlaypause = useCallback(()=>{

packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/pageVSTApp.tsx

@@ -73,12 +73,12 @@ export default function PageVSTApp({
             trimStartSeconds={vstValues.trimStart}
             trimEndSeconds={vstValues.trimEnd}
             mediaToken={vstValues.fileToken}
-            onSelect={(val: QuickTrimData) =>
+            onSelect={(val: QuickTrimData) =>{
               handleOnChange({
                 trimStart: val.trimStartSeconds,
                 trimEnd: val.trimEndSeconds,
               })
-            }
+            }}
             onResponse={res => {
               dispatchPageState({
                 type: "loadFileSuccess",

packages/fakeyou.com/src/v2/view/pages/video_styletransfer/reducer.tsx

@@ -82,6 +82,5 @@ export function reducer (state: State, action: Action): State {
     case 'reset':
     default:
       return {status: states.NO_FILE};
-      
   }
 }