From 80a1185faaeebe45ecd6be518c76445786788a9d Mon Sep 17 00:00:00 2001
From: Matthew Raymer <matthew.raymer@anomalistdesign.com>
Date: Wed, 5 Jul 2023 15:59:58 +0800
Subject: [PATCH] Fix for missing scene-container

---
 src/views/StatisticsView.vue | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/views/StatisticsView.vue b/src/views/StatisticsView.vue
index 36684b8..1b01fa9 100644
--- a/src/views/StatisticsView.vue
+++ b/src/views/StatisticsView.vue
@@ -80,6 +80,7 @@
       </div>
     </div>
     <button class="float-right" @click="captureGraphics()">Screenshot</button>
+    <div id="scene-container" class="h-screen"></div>
     <AlertMessage
       :alertTitle="alertTitle"
       :alertMessage="alertMessage"
@@ -98,17 +99,22 @@ interface WorldProperties {
   endTime?: string;
 }
 
-@Component({ components: { AlertMessage } })
+@Component({ components: { AlertMessage, World } })
 export default class StatisticsView extends Vue {
   world: World;
   worldProperties: WorldProperties = {};
 
   // 'mounted' hook runs after initial render
   mounted() {
-    const container = document.querySelector("#scene-container");
-    const newWorld = new World(container, this);
-    newWorld.start();
-    this.world = newWorld;
+    try {
+      const container = document.querySelector("#scene-container");
+      console.log(container);
+      const newWorld = new World(container, this);
+      newWorld.start();
+      this.world = newWorld;
+    } catch (err) {
+      console.log(err);
+    }
   }
 
   public captureGraphics() {