Removes saving showMapButton state from app state and instead just de…

…tect whether a location has been selected.

src/components/App.tsx

@@ -60,7 +60,6 @@ export const App = () => {
           draft.zoomMap = newState.zoomMap;
           draft.frequencies = newState.frequencies;
           draft.didUserSelectDate = newState.didUserSelectDate;
-          draft.showMapButton = newState.showMapButton;
           draft.isMapOpen = newState.isMapOpen;
 
           const startDateStr = newState.startDate;

src/components/location-picker.tsx

@@ -14,7 +14,8 @@ import "./location-picker.scss";
 
 export const LocationPicker = () => {
   const {state, setState} = useStateContext();
-  const {units, location, weatherStation, weatherStationDistance, startDate, endDate, showMapButton} = state;
+  const {units, location, weatherStation, weatherStationDistance, startDate, endDate} = state;
+  const [showMapButton, setShowMapButton] = useState(false);
   const [isEditing, setIsEditing] = useState(false);
   const [locationPossibilities, setLocationPossibilities] = useState<IPlace[]>([]);
   const [showSelectionList, setShowSelectionList] = useState(false);
@@ -67,6 +68,12 @@ export const LocationPicker = () => {
     }
   }, [isEditing]);
 
+  useEffect(() => {
+    if (location) {
+      setShowMapButton(true);
+    }
+  }, [location]);
+
   useEffect(() => {
     const _startDate = startDate ? startDate : new Date( -5364662060); // 1/1/1750
     const _endDate = endDate ? endDate : new Date(Date.now());
@@ -136,10 +143,10 @@ export const LocationPicker = () => {
   const placeNameSelected = (place: IPlace | undefined) => {
     setState(draft => {
       draft.location = place;
-      draft.showMapButton = true;
     });
     setShowSelectionList(false);
     setIsEditing(false);
+    setShowMapButton(true);
     setLocationPossibilities([]);
     setHoveredIndex(null);
     setArrowedIndex(-1);
@@ -272,8 +279,8 @@ export const LocationPicker = () => {
       geoLocSearch(lat, long).then((currPosName) => {
         setState(draft => {
           draft.location = {name: currPosName, latitude: lat, longitude: long};
-          draft.showMapButton = true;
         });
+        setShowMapButton(true);
         setIsEditing(false);
         setShowSelectionList(false);
       });

src/types.ts

@@ -124,7 +124,6 @@ export interface IState {
   didUserSelectDate: boolean;
   isMapOpen: boolean;
   zoomMap: boolean;
-  showMapButton?: boolean;
 }
 
 export const unitMap: UnitMap = {