From cca2faa0bc4083db7b1a0b9cb6a9c5092e332d31 Mon Sep 17 00:00:00 2001
From: mehekj <mehek.jethani@gmail.com>
Date: Wed, 16 Mar 2022 23:05:56 -0400
Subject: basic video UI and functionality complete

---
 src/client/views/collections/CollectionStackedTimeline.tsx |  2 ++
 .../collections/collectionLinear/CollectionLinearView.tsx  | 14 ++++----------
 2 files changed, 6 insertions(+), 10 deletions(-)

(limited to 'src/client/views/collections')

diff --git a/src/client/views/collections/CollectionStackedTimeline.tsx b/src/client/views/collections/CollectionStackedTimeline.tsx
index dca5089f4..793e01822 100644
--- a/src/client/views/collections/CollectionStackedTimeline.tsx
+++ b/src/client/views/collections/CollectionStackedTimeline.tsx
@@ -72,6 +72,8 @@ export class CollectionStackedTimeline extends CollectionSubView<
     CollectionStackedTimelineProps
 >(PanZoomDocument) {
     @observable static SelectingRegion: CollectionStackedTimeline | undefined;
+    @observable public static CurrentlyPlaying: Doc[];
+
     static RangeScript: ScriptField;
     static LabelScript: ScriptField;
     static RangePlayScript: ScriptField;
diff --git a/src/client/views/collections/collectionLinear/CollectionLinearView.tsx b/src/client/views/collections/collectionLinear/CollectionLinearView.tsx
index 77eed8bfc..70c8c9436 100644
--- a/src/client/views/collections/collectionLinear/CollectionLinearView.tsx
+++ b/src/client/views/collections/collectionLinear/CollectionLinearView.tsx
@@ -19,6 +19,7 @@ import { DocumentLinksButton } from '../../nodes/DocumentLinksButton';
 import { DocumentView } from '../../nodes/DocumentView';
 import { LinkDescriptionPopup } from '../../nodes/LinkDescriptionPopup';
 import { StyleProp } from '../../StyleProvider';
+import { CollectionStackedTimeline } from '../CollectionStackedTimeline';
 import { CollectionSubView } from '../CollectionSubView';
 import { CollectionViewType } from '../CollectionView';
 import "./CollectionLinearView.scss";
@@ -231,23 +232,16 @@ export class CollectionLinearView extends CollectionSubView(LinearDocument) {
                     </Tooltip>
 
                 </span> : null}
-                {AudioBox.CurrentlyPlaying && AudioBox.CurrentlyPlaying.length != 0 && StrCast(this.layoutDoc.title) === "docked buttons" ? <span className="bottomPopup-background">
+                {CollectionStackedTimeline.CurrentlyPlaying && CollectionStackedTimeline.CurrentlyPlaying.length != 0 && StrCast(this.layoutDoc.title) === "docked buttons" ? <span className="bottomPopup-background">
                     <span className="bottomPopup-text">
-                        Currently listening to: {AudioBox.CurrentlyPlaying.map((clip, i) =>
+                        Currently playing: {CollectionStackedTimeline.CurrentlyPlaying.map((clip, i) =>
                             <span className="audio-title" onPointerDown={() => {
                                 DocumentManager.Instance.jumpToDocument(clip, true);
-                            }}>{clip.title + (i == AudioBox.CurrentlyPlaying.length - 1 ? "" : ",")} </span>
+                            }}>{clip.title + (i == CollectionStackedTimeline.CurrentlyPlaying.length - 1 ? "" : ",")} </span>
                         )}
                     </span>
                 </span> : null}
 
-                {/* THIS RENDERS AUDIOBOX FOR EACH CLIP */}
-                {/* {AudioBox.CurrentlyPlaying && AudioBox.CurrentlyPlaying.length != 0 && StrCast(this.layoutDoc.title) === "docked buttons" ? <div>
-                    <div className="currently-playing">
-                        {AudioBox.CurrentlyPlaying.map((clip) => this.getDisplayDoc(clip, true))}
-                    </div>
-                </div> : null} */}
-
             </div>
         </div>;
     }
-- 
cgit v1.2.3-70-g09d2