now stop pos watching possible via button (if in-synch state)

Author: karussell

src/map/LocationButton.tsx

@@ -1,6 +1,6 @@
 import styles from './LocationButton.module.css'
 import Dispatcher from '@/stores/Dispatcher'
-import { StartSyncCurrentLocation, StartWatchCurrentLocation } from '@/actions/Actions'
+import {StartSyncCurrentLocation, StartWatchCurrentLocation, StopWatchCurrentLocation} from '@/actions/Actions'
 import LocationError from '@/map/location_error.svg'
 import LocationSearching from '@/map/location_searching.svg'
 import LocationOn from '@/map/location_on.svg'
@@ -32,11 +32,14 @@ export default function LocationButton(props: { currentLocation: CurrentLocation
         <div
             className={styles.locationOnOff}
             onClick={() => {
-                if (props.currentLocation.enabled && !props.currentLocation.error) {
+                if (props.currentLocation.enabled && !props.currentLocation.syncView && !props.currentLocation.error) {
                     Dispatcher.dispatch(new StartSyncCurrentLocation())
                 } else {
-                    Dispatcher.dispatch(new StartWatchCurrentLocation())
-                    setLocationSearch('search')
+                    if (props.currentLocation.enabled) {
+                        Dispatcher.dispatch(new StopWatchCurrentLocation())
+                    } else {
+                        Dispatcher.dispatch(new StartWatchCurrentLocation())
+                    }
                 }
             }}
         >

src/stores/CurrentLocationStore.ts

@@ -48,7 +48,6 @@ export default class CurrentLocationStore extends Store<CurrentLocationStoreStat
                 coordinate: null,
             }
         } else if (action instanceof StopWatchCurrentLocation) {
-            // TODO NOW stop location watching e.g. when pressing the location button once again if it shows 'success'
             this.stop()
             return {
                 ...state,