From b80480dbfdf0b7936587af4d8f0d82e9ec9d4854 Mon Sep 17 00:00:00 2001
From: Michael Foiani <sotech117@Michaels-MacBook-Pro-5.local>
Date: Thu, 9 Jun 2022 16:33:29 -0400
Subject: small progressbar ui changes

---
 src/client/views/nodes/RecordingBox/ProgressBar.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'src/client/views/nodes/RecordingBox/ProgressBar.tsx')

diff --git a/src/client/views/nodes/RecordingBox/ProgressBar.tsx b/src/client/views/nodes/RecordingBox/ProgressBar.tsx
index a00a4643d..7aa84a70f 100644
--- a/src/client/views/nodes/RecordingBox/ProgressBar.tsx
+++ b/src/client/views/nodes/RecordingBox/ProgressBar.tsx
@@ -61,12 +61,12 @@ export function ProgressBar(props: ProgressBarProps) {
     useEffect(() => handleUndo(), [props.doUndo])
 
   useEffect(() => {
-      console.log("useEffect recording", props.recording)
       // get segments segment's html using it's id -> make them appeared disabled (or enabled)
       segments.forEach((seg) => document.getElementById(seg.props.id)?.classList.toggle('segment-disabled', props.recording));
+      progressBarRef.current?.classList.toggle('progressbar-disabled', props.recording);
       
       if (props.recording)
-          setSegments(prevSegments => [...prevSegments, <div key='segment-expanding' id='segment-expanding' className='segment segment-expanding' style={{ width: 'auto' }}>{props.videos.length + 1}</div>]);
+          setSegments(prevSegments => [...prevSegments, <div key='segment-expanding' id='segment-expanding' className='segment segment-expanding' style={{ width: 'min-content' }}>{props.videos.length + 1}</div>]);
   }, [props.recording])
   
 
@@ -168,7 +168,7 @@ export function ProgressBar(props: ProgressBarProps) {
     if (progressBar == null || clickedSegment.id === progressBar.id) return
 
     // if holding shift key, let's remove that segment
-    // TODO: think of a way to accomodate touch -> maybe if poiuntermove isn't fired after x secs?
+    // TODO: think of a way to accomodate touch -> maybe if pointerup isn't fired after x secs? or if dragged into a trash bin or smthn
     if (e.shiftKey) {
       const segId = parseInt(clickedSegment.id.split('-')[1]);
       setRemoved(segId);
-- 
cgit v1.2.3-70-g09d2

