From c1d7df0c7512eae0693086e72f68a4c85d9be495 Mon Sep 17 00:00:00 2001
From: GabrielTrettel <gabrielmtrettel@gmail.com>
Date: Tue, 24 Aug 2021 15:09:45 -0300
Subject: [PATCH] Adjusting opening button in data menu modal

---
 src/app/components/MapDataMenu.js | 29 ++++++++++++++++++++++++-----
 1 file changed, 24 insertions(+), 5 deletions(-)

diff --git a/src/app/components/MapDataMenu.js b/src/app/components/MapDataMenu.js
index b2ca053..d1d4d4a 100644
--- a/src/app/components/MapDataMenu.js
+++ b/src/app/components/MapDataMenu.js
@@ -151,7 +151,7 @@ function Border() {
         height: 2,
         borderRadius: 2,
         paddingHorizontal: 16,
-        // backgroundColor: colors.separatorGray,
+        backgroundColor: colors.separatorGray,
       }}
     />
   );
@@ -296,15 +296,34 @@ function DataMenuBody({ setShowModal }) {
   );
 }
 
+function ModalOpenBtn({setShowModal}) {
+  return (
+      <TouchableOpacity
+        onPress={() => setShowModal()}
+      >
+      <View
+        style={{
+          width: "100%",
+          height: 48,
+          backgroundColor: colors.primary,
+          justifyContent: "center",
+          alignItems: "center"
+        }}>
+        <Text style={styles.text}>VISUALIZAR DADOS NO MAPA</Text>
+      </View>
+      </TouchableOpacity>
+  );
+}
+
 export default function MapDataMenu(props) {
   const [showModal, setShowModal] = useState(null);
   return (
     <View
     >
-      <Button
-        title={"VISUALIZAR DADOS NO MAPA"}
-        onPress={() => setShowModal(true)}
-      />
+
+      <ModalOpenBtn
+        setShowModal={() => setShowModal(true)}/>
+
       <SelfClosingModal
         style={{position:"absolute"}}
         animationType="slide"