From 326dec9ffa133c1bde4cbee0425ac6d6702f4a96 Mon Sep 17 00:00:00 2001
From: wil <test@local.host>
Date: Mon, 18 Mar 2024 11:20:16 -0400
Subject: [PATCH] pusing the videoplayer to studio vst onboarding

---
 .../src/components/common/VideoPlayer/VideoPlayer.tsx     | 8 +-------
 packages/fakeyou.com/src/components/common/index.tsx      | 4 ++--
 .../storyteller_studio_intro/StudioVST/StudioVSTPage.tsx  | 8 +++-----
 3 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/packages/fakeyou.com/src/components/common/VideoPlayer/VideoPlayer.tsx b/packages/fakeyou.com/src/components/common/VideoPlayer/VideoPlayer.tsx
index 125abbdac3..dc1acc97a6 100644
--- a/packages/fakeyou.com/src/components/common/VideoPlayer/VideoPlayer.tsx
+++ b/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);
diff --git a/packages/fakeyou.com/src/components/common/index.tsx b/packages/fakeyou.com/src/components/common/index.tsx
index 1338990794..b6026317b8 100644
--- a/packages/fakeyou.com/src/components/common/index.tsx
+++ b/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,
 };
diff --git a/packages/fakeyou.com/src/v2/view/pages/storyteller_studio_intro/StudioVST/StudioVSTPage.tsx b/packages/fakeyou.com/src/v2/view/pages/storyteller_studio_intro/StudioVST/StudioVSTPage.tsx
index ae917bb0b2..ee6d7015d4 100644
--- a/packages/fakeyou.com/src/v2/view/pages/storyteller_studio_intro/StudioVST/StudioVSTPage.tsx
+++ b/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}
               />
             ) : (