tanner/sensors
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add button to recentre view

Browse Source
This commit is contained in:
Tanner Collin
2025-08-15 00:21:30 +00:00
parent 04f64a0fe4
commit 72c56c8245
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
mapper/src/App.js
View File

@@ -274,7 +274,7 @@ function Map({end, duration, slider, mapState, setMapState, setSubmenu, showDire
);
}
function Menu({duration, setDuration, end, setEnd, slider, setSlider, submenu, setSubmenu, showDirection, setShowDirection}) {
function Menu({duration, setDuration, end, setEnd, slider, setSlider, submenu, setSubmenu, showDirection, setShowDirection, setMapState}) {
const [showRange, setShowRange] = useState(false);
const chooseDuration = (x) => {
@@ -330,6 +330,11 @@ function Menu({duration, setDuration, end, setEnd, slider, setSlider, submenu, s
window.location.href = window.location.pathname;
};
const recentreView = () => {
setMapState(prev => ({ ...prev, center: null }));
setSubmenu(false);
};
const range = parseSlider(end, duration, slider);
const shareRange = async () => {
@@ -480,6 +485,7 @@ function Menu({duration, setDuration, end, setEnd, slider, setSlider, submenu, s
/>
Show direction
</label>
<button onClick={recentreView}>Recentre view</button>
<button onClick={shareRange}>Share range</button>
<button onClick={resetToDefaults}>Reset to defaults</button>
</>
@@ -586,6 +592,7 @@ function App() {
setSubmenu={setSubmenu}
showDirection={showDirection}
setShowDirection={setShowDirection}
setMapState={setMapState}
/>
<Map