From 504b8059ff4e162e089177e366a312dd583d5cff Mon Sep 17 00:00:00 2001
From: bobzel <zzzman@gmail.com>
Date: Mon, 7 Oct 2024 21:47:05 -0400
Subject: moved some more quiz functions to styleProviderQuiz

---
 src/client/views/nodes/ImageBox.tsx | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

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

diff --git a/src/client/views/nodes/ImageBox.tsx b/src/client/views/nodes/ImageBox.tsx
index 0b474076b..0827eb062 100644
--- a/src/client/views/nodes/ImageBox.tsx
+++ b/src/client/views/nodes/ImageBox.tsx
@@ -80,12 +80,12 @@ export class ImageBox extends ViewBoxAnnotatableComponent<FieldViewProps>() {
     private _annotationLayer: React.RefObject<HTMLDivElement> = React.createRef();
     imageRef: HTMLImageElement | null = null; // <video> ref
     marqueeref = React.createRef<MarqueeAnnotator>();
+    @observable Loading = false; // bcz: this should be migrated into StylProviderQuiz since it's not fundamental to the imageBox
 
     @observable private _searchInput = '';
     @observable private _savedAnnotations = new ObservableMap<number, (HTMLDivElement & { marqueeing?: boolean })[]>();
     @observable private _curSuffix = '';
     @observable private _error = '';
-    @observable private _loading = false;
     @observable private _isHovering = false; // flag to switch between primary and alternate images on hover
 
     constructor(props: FieldViewProps) {
@@ -98,14 +98,6 @@ export class ImageBox extends ViewBoxAnnotatableComponent<FieldViewProps>() {
         this._dropDisposer?.();
         ele && (this._dropDisposer = DragManager.MakeDropTarget(ele, this.drop.bind(this), this.Document));
     };
-
-    @computed get quizBoxes() {
-        return DocListCast(this.Document.quizBoxes);
-    }
-    @computed get quizMode() {
-        return StrCast(this.Document._quizMode);
-    }
-
     getAnchor = (addAsAnnotation: boolean, pinProps?: PinProps) => {
         const visibleAnchor = this._getAnchor?.(this._savedAnnotations, true); // use marquee anchor, otherwise, save zoom/pan as anchor
         const anchor =
@@ -562,7 +554,7 @@ export class ImageBox extends ViewBoxAnnotatableComponent<FieldViewProps>() {
                     addDocument={this.addDocument}>
                     {this.content}
                 </CollectionFreeFormView>
-                {this._loading ? (
+                {this.Loading ? (
                     <div className="loading-spinner" style={{ position: 'absolute' }}>
                         <ReactLoading type="spin" height={50} width={50} color={'blue'} />
                     </div>
-- 
cgit v1.2.3-70-g09d2