Fix invalid undefined dereferences during explorer init

flecs-hub · Jun 6, 2023 · 76c9dbc · 76c9dbc
1 parent 37fad2d
commit 76c9dbc
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 7 deletions.
diff --git a/etc/js/app.js b/etc/js/app.js
@@ -681,26 +681,36 @@ var app = new Vue({
     },
 
     refresh_query() {
-      this.$refs.query.refresh();
+      if (this.$refs.query) {
+        this.$refs.query.refresh();
+      }
     },
 
     refresh_entity() {
-      this.$refs.inspector.refresh();
+      if (this.$refs.inspector) {
+        this.$refs.inspector.refresh();
+      }
     },
 
     refresh_tree() {
-      this.$refs.tree.update_expanded();
+      if (this.$refs.tree) {
+        this.$refs.tree.update_expanded();
+      }
     },
 
     refresh_stats() {
       if (this.$refs.stats_world) {
         this.$refs.stats_world.refresh();
+      }
+      if (this.$refs.stats_pipeline) {
         this.$refs.stats_pipeline.refresh();
       }
     },
 
     refresh_alerts() {
-      this.$refs.alerts.refresh();
+      if (this.$refs.alerts) {
+        this.$refs.alerts.refresh();
+      }
     },
 
     // Entity selected

diff --git a/etc/js/entity_inspector.js b/etc/js/entity_inspector.js
@@ -1089,9 +1089,9 @@ const inspector_component = Vue.component('inspector', {
               </template>
               <template v-slot:detail>
                 <div class="inspector-alert" v-for="alert in alerts">
-                  <span><icon icon="feather:alert-triangle" 
+                  <icon icon="feather:alert-triangle" 
                     :size="14" :opacity="0.7">
-                  </icon></span>&nbsp;<span>{{alert.message}}</span>
+                  </icon></span>&nbsp;{{alert.message}}</span>
                 </div>
               </template>
             </detail-toggle>

diff --git a/etc/js/query.js b/etc/js/query.js
@@ -131,7 +131,9 @@ Vue.component('query', {
       }
     },
     set_offset_limit(offset, limit) {
-      this.$refs.footer.set_offset_limit(offset, limit);
+      if (this.$refs.footer) {
+        this.$refs.footer.set_offset_limit(offset, limit);
+      }
     },
     get_error() {
       return this.query_error;