From 27945b9a931fa9504404174dd08964556dc3aea2 Mon Sep 17 00:00:00 2001
From: Naafiyan Ahmed <naafiyan@gmail.com>
Date: Tue, 16 Aug 2022 21:16:03 -0400
Subject: added loading for diff doc types

---
 src/client/views/nodes/LoadingBox.scss |  5 +++++
 src/client/views/nodes/LoadingBox.tsx  | 12 +++++-------
 2 files changed, 10 insertions(+), 7 deletions(-)

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

diff --git a/src/client/views/nodes/LoadingBox.scss b/src/client/views/nodes/LoadingBox.scss
index 239faa78e..e8890cd82 100644
--- a/src/client/views/nodes/LoadingBox.scss
+++ b/src/client/views/nodes/LoadingBox.scss
@@ -5,3 +5,8 @@
     justify-content: center;
     background-color: #fdfdfd;
 }
+
+.text {
+    text-overflow: ellipsis;
+    text-align: center;
+}
diff --git a/src/client/views/nodes/LoadingBox.tsx b/src/client/views/nodes/LoadingBox.tsx
index 9d4668dde..96620aff9 100644
--- a/src/client/views/nodes/LoadingBox.tsx
+++ b/src/client/views/nodes/LoadingBox.tsx
@@ -4,12 +4,7 @@ import { FieldView, FieldViewProps } from './FieldView';
 import * as React from 'react';
 import './LoadingBox.scss';
 import ReactLoading from 'react-loading';
-import { Docs, DocUtils } from '../../documents/Documents';
-
-export interface LoadingBoxProps {
-    title: string;
-    text: string;
-}
+import { StrCast } from '../../../fields/Types';
 
 @observer
 export class LoadingBox extends ViewBoxAnnotatableComponent<FieldViewProps>() {
@@ -18,6 +13,7 @@ export class LoadingBox extends ViewBoxAnnotatableComponent<FieldViewProps>() {
     }
 
     componentDidMount() {
+        console.log(this.rootDoc);
         // const file = Docs.Create.filesToDocs.get(this.rootDoc);
         // if (file) {
         //     console.log('Got to file');
@@ -48,7 +44,9 @@ export class LoadingBox extends ViewBoxAnnotatableComponent<FieldViewProps>() {
     render() {
         return (
             <div className="loadingBoxContainer">
-                <span>Loading: {this.dataDoc.text}</span>
+                <p className="text">Loading:</p>
+                <br></br>
+                <p className="text">{StrCast(this.rootDoc.title)}</p>
                 <ReactLoading type={'spinningBubbles'} color={'blue'} height={100} width={100} />
             </div>
         );
-- 
cgit v1.2.3-70-g09d2