From b2b576ba106f72b6f8ffd0f72a308576ec633c29 Mon Sep 17 00:00:00 2001
From: wil <test@local.host>
Date: Mon, 26 Feb 2024 22:38:53 -0500
Subject: [PATCH] trim duration on playbar

---
 .../components/common/VideoQuickTrim/VideoQuickTrim.tsx    | 7 ++++++-
 .../src/components/common/VideoQuickTrim/styles.scss       | 1 -
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/fakeyou.com/src/components/common/VideoQuickTrim/VideoQuickTrim.tsx b/packages/fakeyou.com/src/components/common/VideoQuickTrim/VideoQuickTrim.tsx
index c9c3f48a92..7684b1583e 100644
--- a/packages/fakeyou.com/src/components/common/VideoQuickTrim/VideoQuickTrim.tsx
+++ b/packages/fakeyou.com/src/components/common/VideoQuickTrim/VideoQuickTrim.tsx
@@ -85,7 +85,12 @@ export default function VideoQuickTrim({
         </div>
       </div>
       <div className="playbar">
-        <div className="trimzone" />
+        <div className="trimzone" style={{width: (
+          videoRef.current ? 
+            (trimDuration / videoRef.current.duration * 100) 
+            : 0
+          ) + "%"}}
+        />
         <div className="playcursor" style={{left: currentTimePortion+"%"}}/>
       </div>
       <div className="d-flex w-100 justify-content-center">
diff --git a/packages/fakeyou.com/src/components/common/VideoQuickTrim/styles.scss b/packages/fakeyou.com/src/components/common/VideoQuickTrim/styles.scss
index 33e5e7b879..2b312b6960 100644
--- a/packages/fakeyou.com/src/components/common/VideoQuickTrim/styles.scss
+++ b/packages/fakeyou.com/src/components/common/VideoQuickTrim/styles.scss
@@ -30,7 +30,6 @@
   .trimzone{
     position: absolute;
     top:0;
-    width: 30px;
     height: 2rem;
     background-color: #e66462;
     opacity: 0.8;