implement basic MatchBrowser component

1 files changed, 15 insertions, 3 deletions

diff --git a/web/pw-frontend/src/lib/Visualizer.svelte b/web/pw-frontend/src/lib/Visualizer.svelte
index 35b0677..297659c 100644
--- a/web/pw-frontend/src/lib/Visualizer.svelte
+++ b/web/pw-frontend/src/lib/Visualizer.svelte
@@ -2,12 +2,24 @@
   import { onMount } from 'svelte';
   import * as visualizer from '../lib/visualizer/index';
 
+  export let matchLog = null;
+
+  let initialized = false;
+
   onMount(() => {
     visualizer.init();
-    fetch("match.log")
-      .then(response => response.text())
-      .then(data => visualizer.set_instance(data));
+    initialized = true;
+    visualizer.set_loading(false);
   });
+
+  $: if (initialized) {
+    if (matchLog === null) {
+      visualizer.set_loading(true);
+    } else {
+      visualizer.set_instance(matchLog);
+      visualizer.set_loading(false);
+    }
+  }
 </script>
 
 <div id="main" class="loading">