aboutsummaryrefslogtreecommitdiff
path: root/modern/src/main
diff options
context:
space:
mode:
authorAnton Tananaev <anton@traccar.org>2022-05-28 08:16:24 -0700
committerAnton Tananaev <anton@traccar.org>2022-05-28 08:16:24 -0700
commit2870790d4d1a53af27c41f1591720c38c7c95520 (patch)
treebb9de8a34434655539d4a6c50c07a9e96b0600dd /modern/src/main
parentc615c9e2f0acf91684d4cb6d9555eccf403971d2 (diff)
downloadtrackermap-web-2870790d4d1a53af27c41f1591720c38c7c95520.tar.gz
trackermap-web-2870790d4d1a53af27c41f1591720c38c7c95520.tar.bz2
trackermap-web-2870790d4d1a53af27c41f1591720c38c7c95520.zip
Show map on selection (fix #948)
Diffstat (limited to 'modern/src/main')
-rw-r--r--modern/src/main/MainPage.js8
1 files changed, 8 insertions, 0 deletions
diff --git a/modern/src/main/MainPage.js b/modern/src/main/MainPage.js
index f9341eb6..41e51609 100644
--- a/modern/src/main/MainPage.js
+++ b/modern/src/main/MainPage.js
@@ -129,6 +129,8 @@ const MainPage = () => {
const desktop = useMediaQuery(theme.breakpoints.up('md'));
const phone = useMediaQuery(theme.breakpoints.down('sm'));
+ const [mapMapOnSelect] = usePersistedState('mapOnSelect', false);
+
const [mapLiveRoutes] = usePersistedState('mapLiveRoutes', false);
const selectedDeviceId = useSelector((state) => state.devices.selectedId);
@@ -143,6 +145,12 @@ const MainPage = () => {
useEffect(() => setCollapsed(!desktop), [desktop]);
+ useEffect(() => {
+ if (!desktop && mapMapOnSelect && selectedDeviceId) {
+ setCollapsed(true);
+ }
+ }, [desktop, mapMapOnSelect, selectedDeviceId]);
+
const onClick = useCallback((_, deviceId) => {
dispatch(devicesActions.select(deviceId));
}, [dispatch]);