From 4b6182723296291538a99d67cdf9da96adaa855f Mon Sep 17 00:00:00 2001
From: Yuval Adam <_@yuv.al>
Date: Wed, 16 Oct 2019 22:15:40 +0300
Subject: Support playback mode

---
 src/Geshem.js | 52 +++++++++++++++++++---------------------------------
 1 file changed, 19 insertions(+), 33 deletions(-)

(limited to 'src')

diff --git a/src/Geshem.js b/src/Geshem.js
index dd64554..1af397e 100644
--- a/src/Geshem.js
+++ b/src/Geshem.js
@@ -32,7 +32,25 @@ function Geshem(props) {
       const imgs = await res.json();
       setImages(imgs["280"]);
     };
-    fetchImages();
+
+    const buildPlayback = async () => {
+      const date = playback;
+      const hours = [...Array(24).keys()].map(
+        h => `${String(h).padStart(2, "0")}`
+      );
+      const minutes = [...Array(6).keys()].map(
+        m => `${String(m * 10).padStart(2, "0")}`
+      );
+      const paths = hours.reduce(
+        (acc, h) =>
+          acc.concat(minutes.map(m => `imgs/${date}/${h}${m}/280.png`)),
+        []
+      );
+      setImages(paths);
+    };
+
+    if (playback) buildPlayback();
+    else fetchImages();
   }, []);
 
   return (
@@ -63,38 +81,6 @@ class OldGeshem extends Component {
       });
     }
   }
-
-  loadPlaybackData() {
-    const date = this.state.playback;
-    const hours = [...Array(24).keys()].map(
-      h => `${String(h).padStart(2, "0")}`
-    );
-    const minutes = [...Array(6).keys()].map(
-      m => `${String(m * 10).padStart(2, "0")}`
-    );
-    const paths = hours.reduce(
-      (acc, h) => acc.concat(minutes.map(m => `imgs/${date}/${h}${m}/280.png`)),
-      []
-    );
-    this.setState({
-      imgs: { "280": paths }
-    });
-    if (this.state.mapLoaded) {
-      this.loadSources();
-    }
-  }
-
-  render() {
-    return (
-      <div id="geshem">
-        <div
-          id="map"
-          ref={el => (this.mapContainer = el)}
-          className="absolute top right left bottom"
-        />
-      </div>
-    );
-  }
 }
 
 export default App;
-- 
cgit v1.3.1