do not load history on UI

chetbox · Dec 27, 2023 · 42ba85b · 42ba85b
1 parent 7f0771f
commit 42ba85b
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/hosting/src/components/Canvas.vue b/hosting/src/components/Canvas.vue
@@ -58,11 +58,14 @@ export default class Canvas extends Vue {
   }
 
   protected mounted() {
-    this.placeRef.on('value', this.onCanvasUpdated);
+    this.placeRef.child('depth').once('value', (snapshot: firebase.database.DataSnapshot) => {
+      this.data.canvasDepth = snapshot.val();
+      this.placeRef.child('canvas').on('value', this.onCanvasUpdated);
+    });
   }
 
   protected destroyed() {
-    this.placeRef.off('value', this.onCanvasUpdated);
+    this.placeRef.child('canvas').off('value', this.onCanvasUpdated);
   }
 
   private onCanvasUpdated(snapshot: firebase.database.DataSnapshot) {
@@ -71,8 +74,7 @@ export default class Canvas extends Vue {
       return;
     }
 
-    this.data.canvasDepth = snapshot.val().depth;
-    this.data.canvas = toGrid<number>(snapshot.val().canvas, emptyGrid(Math.pow(2, this.data.canvasDepth)));
+    this.data.canvas = toGrid<number>(snapshot.val(), emptyGrid(Math.pow(2, this.data.canvasDepth)));
   }
 
   private canvasId = 'the-one-and-only';