summaryrefslogtreecommitdiff
path: root/src/Geshem.js
diff options
context:
space:
mode:
authorYuval Adam <_@yuv.al>2022-11-29 09:19:07 +0200
committerGitHub <noreply@github.com>2022-11-29 09:19:07 +0200
commit50d9d173d1c2cf22efb960fd122ca64201f34bf5 (patch)
tree8e54dc74a491c564575a47f85f79ae1d41c03059 /src/Geshem.js
parent3c0fce7319f4e4ae076527eb98e6164210bdb34c (diff)
parent8507df99e5a3a77fa2a2f1c716e2eefeee92f11b (diff)
Merge pull request #30 from yuvadm/v6v6.0.0
Major v6 upgrade
Diffstat (limited to 'src/Geshem.js')
-rw-r--r--src/Geshem.js94
1 files changed, 0 insertions, 94 deletions
diff --git a/src/Geshem.js b/src/Geshem.js
deleted file mode 100644
index 1eecdd0..0000000
--- a/src/Geshem.js
+++ /dev/null
@@ -1,94 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { BrowserRouter as Router, Route } from "react-router-dom";
-
-import Map from "./Map";
-import Slider from "./Slider";
-import DateTime from "./Datetime";
-
-import { IMAGES_BASE_URL } from "./config";
-
-import "./Geshem.css";
-import "rc-slider/assets/index.css";
-
-function App() {
- return (
- <Router>
- <Route exact path="/" component={Geshem} />
- <Route path="/history/:date" component={Geshem} />
- </Router>
- );
-}
-
-function Geshem(props) {
- const [images, setImages] = useState([]);
- const [playback] = useState(
- props.match.params.date ||
- new URL(window.location).searchParams.get("history") ||
- false
- );
- const [slider, setSlider] = useState(playback ? 143 : 9);
-
- useEffect(() => {
- const fetchImages = async () =>
- fetch(`${IMAGES_BASE_URL}/imgs.json`)
- .then(res => res.json())
- .then(imgs => imgs["280"])
- .then(setImages);
-
- 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);
- };
-
- let timer;
- if (playback) buildPlayback();
- else {
- fetchImages();
- timer = setInterval(fetchImages, 60 * 1000);
- }
-
- return () => {
- if (timer !== undefined) clearInterval(timer);
- };
- }, [playback]);
-
- return (
- <>
- <Map images={images} slider={slider} />
- <DateTime images={images} slider={slider} />
- <Slider slider={slider} playback={playback} setSlider={setSlider} />
- </>
- );
-}
-
-function getGeolocation() {
- if (navigator.geolocation) {
- navigator.geolocation.getCurrentPosition(pos => {
- const { longitude, latitude } = pos.coords;
- this.setState({
- lng: longitude,
- lat: latitude,
- zoom: 11
- });
- if (this.state.mapLoaded) {
- this.map.jumpTo({
- center: [longitude, latitude],
- zoom: 11
- });
- }
- });
- }
-}
-
-export default App;