From 566b33847cff9217ed6e4e11bed2e1b92798bc95 Mon Sep 17 00:00:00 2001
From: Naafiyan Ahmed <naafiyan@gmail.com>
Date: Tue, 21 Jun 2022 18:16:46 -0400
Subject: trying to get basic data viz view to work

---
 src/client/views/nodes/DataViz.scss             |  0
 src/client/views/nodes/DataViz.tsx              | 14 ++++++++++++++
 src/client/views/nodes/DocumentContentsView.tsx |  3 ++-
 3 files changed, 16 insertions(+), 1 deletion(-)
 create mode 100644 src/client/views/nodes/DataViz.scss
 create mode 100644 src/client/views/nodes/DataViz.tsx

(limited to 'src/client/views')

diff --git a/src/client/views/nodes/DataViz.scss b/src/client/views/nodes/DataViz.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/client/views/nodes/DataViz.tsx b/src/client/views/nodes/DataViz.tsx
new file mode 100644
index 000000000..60b27c19c
--- /dev/null
+++ b/src/client/views/nodes/DataViz.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+import "./DataViz.scss";
+import { FieldView, FieldViewProps } from "./FieldView";
+import { ViewBoxBaseComponent } from '../DocComponent';
+
+export class DataViz extends ViewBoxBaseComponent<FieldViewProps>() {
+    public static LayoutString(fieldKey: string) {
+        return FieldView.LayoutString(DataViz, fieldKey);
+    }
+
+    render() {
+        return (<div>Hi</div>)
+    }
+}
\ No newline at end of file
diff --git a/src/client/views/nodes/DocumentContentsView.tsx b/src/client/views/nodes/DocumentContentsView.tsx
index 70732e74c..8715fc33a 100644
--- a/src/client/views/nodes/DocumentContentsView.tsx
+++ b/src/client/views/nodes/DocumentContentsView.tsx
@@ -42,6 +42,7 @@ import React = require("react");
 import XRegExp = require("xregexp");
 import { MapBox } from "./MapBox/MapBox";
 import { RecordingBox } from "./RecordingBox";
+import { DataViz } from "./DataViz";
 
 const JsxParser = require('react-jsx-parser').default; //TODO Why does this need to be imported like this?
 
@@ -229,7 +230,7 @@ export class DocumentContentsView extends React.Component<DocumentViewProps & Fo
                     PDFBox, VideoBox, AudioBox, RecordingBox, PresBox, YoutubeBox, PresElementBox, SearchBox, FilterBox, FunctionPlotBox,
                     ColorBox, DashWebRTCVideo, LinkAnchorBox, InkingStroke, LinkBox, ScriptingBox, MapBox,
                     ScreenshotBox,
-                    HTMLtag, ComparisonBox
+                    HTMLtag, ComparisonBox, DataViz
                 }}
                 bindings={bindings}
                 jsx={layoutFrame}
-- 
cgit v1.2.3-70-g09d2