pusing the videoplayer to studio vst onboarding

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

@@ -6,7 +6,6 @@ import React, {
 
 import { VideoFakeyou } from "components/common";
 import { VideoFakeyouProps } from "../VideoFakeyou/VideoFakeyou";
-// import { QuickTrimData } from "./utilities";
 
 import {
   reducer,
@@ -27,21 +26,16 @@ import './styles.scss';
 interface VideoPlayerProps extends VideoFakeyouProps {
   debug?: boolean
   height?: number
-  // onSelectTrim: (values: QuickTrimData) => void;
-  // trimStartSeconds: number;
-  // trimEndSeconds: number;
 }
 
 export const VideoPlayer = ({
   debug: propsDebug = false,
   height=500,
-  // onSelectTrim,
-  // trimStartSeconds: propsTrimStartSeconds,
-  // trimEndSeconds : propsTrimEndSeconds,
   ...rest
 }: VideoPlayerProps) => {
   const debug = true || propsDebug;
   if(debug) console.log(`reRENDER VideoQuickTrim @${String(Date.now()).slice(-5)}`)
+
   const [compState, dispatchCompState] = useReducer(reducer, initialState);
 
   const videoRef = useRef<HTMLVideoElement | null>(null);

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

@@ -51,7 +51,7 @@ import TintSpinner from "./TintSpinner";
 import VideoBasic from "./VideoBasic";
 import VideoFakeyou from "./VideoFakeyou";
 import VideoInput from "./VideoInput";
-// import VideoQuickTrim, {QuickTrimType} from "./VideoQuickTrim";
+import { VideoPlayer } from "./VideoPlayer";
 import WeightCoverImage from "./WeightCoverImage";
 export type { SelectModalData };
 
@@ -114,6 +114,6 @@ export {
   VideoBasic,
   VideoFakeyou,
   VideoInput,
+  VideoPlayer,
   WeightCoverImage,
-  // VideoQuickTrim,
 };

packages/fakeyou.com/src/v2/view/pages/storyteller_studio_intro/StudioVST/StudioVSTPage.tsx

@@ -2,10 +2,8 @@ import React, { useRef, useState } from "react";
 import { v4 as uuidv4 } from "uuid";
 import { NavLink, useParams, useHistory } from "react-router-dom";
 import { Button, Container, Panel, TextArea } from "components/common";
-// import VideoQuickTrim, {
-//   QuickTrimData,
-// } from "components/common/VideoQuickTrim";
-import { VideoFakeyou } from "components/common";
+
+import { VideoPlayer } from "components/common";
 import { useJobStatus, useInferenceJobs } from "hooks";
 import { EnqueueVST, EnqueueVSTResponse } from "@storyteller/components/src/api/video_styleTransfer/Enqueue_VST";
 import { initialValues } from "./defaultValues";
@@ -145,7 +143,7 @@ export default function PageVSTApp() {
         <div className="row g-5">
           <div className="col-12 col-md-6">
             {job.isSuccessful && job.maybe_result ? (
-              <VideoFakeyou
+              <VideoPlayer
                 mediaToken={job.maybe_result.entity_token}
               />
             ) : (