From e1faac4eddd7ed61014c3677c9bd2710e277f914 Mon Sep 17 00:00:00 2001
From: GabrielTrettel <gabrielmtrettel@gmail.com>
Date: Wed, 8 Dec 2021 20:11:01 -0300
Subject: [PATCH] Implementing no gps locations error in mapfeed screen

---
 src/app/components/NoGPSError.js | 47 ++++++++++++++++++++++++++++++++
 src/app/screens/MapFeedScreen.js |  7 ++---
 2 files changed, 50 insertions(+), 4 deletions(-)
 create mode 100644 src/app/components/NoGPSError.js

diff --git a/src/app/components/NoGPSError.js b/src/app/components/NoGPSError.js
new file mode 100644
index 0000000..94ebb48
--- /dev/null
+++ b/src/app/components/NoGPSError.js
@@ -0,0 +1,47 @@
+import React from "react";
+import { StyleSheet, Text, View } from "react-native";
+import { MaterialCommunityIcons } from "@expo/vector-icons";
+import colors from "../config/colors";
+import { dimensions } from "../config/dimensions";
+
+export default function NoGPSError() {
+  return (
+    <View style={styles.containter}>
+      <View style={styles.icon}>
+        <MaterialCommunityIcons
+          name="map-marker-outline"
+          size={58}
+          color={colors.primary}
+          alignSelf="center"
+        />
+      </View>
+      <Text style={styles.txtHeader}>Ops, algo deu errado...</Text>
+      <Text style={styles.txtStyle}>
+        Não foi possível definir a sua localização. Ative o GPS e tente novamente.
+      </Text>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  containter: {
+    flex: 1,
+    justifyContent: "center",
+    padding: 10,
+  },
+  icon:{
+      alignSelf:"center",
+  },
+  txtHeader: {
+    color: colors.primary,
+    fontSize: dimensions.text.header,
+    fontWeight: "bold",
+    textAlign: "center",
+    paddingBottom: 20,
+  },
+  txtStyle: {
+    fontSize: dimensions.text.secondary,
+    fontWeight: "bold",
+    textAlign: "center",
+  },
+});
diff --git a/src/app/screens/MapFeedScreen.js b/src/app/screens/MapFeedScreen.js
index 2ea86da..7a0b609 100644
--- a/src/app/screens/MapFeedScreen.js
+++ b/src/app/screens/MapFeedScreen.js
@@ -5,6 +5,7 @@ import attachFocusToQuery from "../hooks/useFocus";
 import HeaderBarMenu from "../components/HeaderBarMenu";
 import useSocketMarkers from "../hooks/useSocketMarkers";
 import LoadingMarkersModal from "../components/LoadingMarkersModal";
+import NoGPSError from "../components/NoGPSError";
 
 export default function MapFeedScreen(props) {
   HeaderBarMenu(props.navigation);
@@ -28,7 +29,7 @@ export default function MapFeedScreen(props) {
 
   // console.log("location:  " + JSON.stringify(global.location))
   return (
-    (global.location) ? (
+    (!global.location) ? (
     <View style={styles.container}>
       <OpenStreetMap
         markers={markers}
@@ -40,9 +41,7 @@ export default function MapFeedScreen(props) {
         show={markers.markers.size <= 0}/>
     </View>
     ):(
-      <View>
-        <Text>Apresentar um erro no futuro</Text>
-        </View>
+      <NoGPSError/>
     )
   );
 }