From 795754538ebc0999404c44168f684870b8ab07bc Mon Sep 17 00:00:00 2001
From: GabrielTrettel <gabrielmtrettel@gmail.com>
Date: Wed, 30 Jun 2021 18:36:51 -0300
Subject: [PATCH] =?UTF-8?q?Attempt=20n=C2=B02=20to=20solve=20the=20problem?=
 =?UTF-8?q?=20of=20markers=20not=20being=20updated=20on=20the=20map=20as?=
 =?UTF-8?q?=20data=20is=20entered.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/components/map/OpenStreetMap.js |  3 ++-
 src/app/screens/MapFeedScreen.js        | 19 +++----------------
 2 files changed, 5 insertions(+), 17 deletions(-)

diff --git a/src/app/components/map/OpenStreetMap.js b/src/app/components/map/OpenStreetMap.js
index 6bad4b2..aa3f8b5 100644
--- a/src/app/components/map/OpenStreetMap.js
+++ b/src/app/components/map/OpenStreetMap.js
@@ -39,6 +39,7 @@ export default function OpenStreetMap({
   markersList,
   clickListener,
   moveEndListener,
+  focusChanged,
 }) {
   const [mapRef, setMapRef] = useState(null);
   const webviewContent = html_content;
@@ -59,7 +60,7 @@ export default function OpenStreetMap({
       markersList.forEach((val, key) => {
         insertMarker(mapRef, val.ID, val.coordinate, val.image);
       });
-  }, [markersList])
+  }, [markersList, focusChanged])
 
   return (
     <View flex={1}>
diff --git a/src/app/screens/MapFeedScreen.js b/src/app/screens/MapFeedScreen.js
index 8980747..ac44f38 100644
--- a/src/app/screens/MapFeedScreen.js
+++ b/src/app/screens/MapFeedScreen.js
@@ -1,33 +1,20 @@
-import React, { useState, useEffect, useContext } from "react";
-import { StyleSheet, Text, View } from "react-native";
+import React, { useEffect, useContext } from "react";
+import { StyleSheet, View } from "react-native";
 import OpenStreetMap from "../components/map/OpenStreetMap";
 import { CurrentLocationContext } from "../context/CurrentLocationContext";
 import attachFocusToQuery from "../hooks/useFocus";
 import {MapMarkerList} from "../components/MapMarkerList";
 
 export default function MapFeedScreen() {
-  const [position, setPosition] = useState(null);
-
-  const context = useContext(CurrentLocationContext);
-  const location = context.currentCoordinates;
   const focusChanged = attachFocusToQuery();
 
 
-  useEffect(() => {
-    setPosition({
-      lat: location["latitude"],
-      long: location["longitude"],
-      zoom: 16.5,
-    });
-  }, [location]);
-
-
   return (
     <View style={styles.container}>
       <OpenStreetMap
         markersList={MapMarkerList({reload:focusChanged, renderRain:true})}
-        // animateToPosition={position}
         centerUserLocation={true}
+        focusChanged={focusChanged}
       />
 
     </View>