diff --git a/src/app/components/MapDataMenu.js b/src/app/components/MapDataMenu.js
new file mode 100644
index 0000000..787e61f
--- /dev/null
+++ b/src/app/components/MapDataMenu.js
@@ -0,0 +1,142 @@
+import React, { useState } from "react";
+
+import { View, StyleSheet, Text, Button, TouchableOpacity } from "react-native";
+import SelfClosingModal from "./SelfClosingModal";
+import colors from "../config/colors";
+import { FontAwesome5 } from '@expo/vector-icons';
+import { MaterialIcons } from "@expo/vector-icons";
+import { MaterialCommunityIcons } from "@expo/vector-icons";
+import { Shadow } from "react-native-shadow-2";
+
+function DataMenuHeader({ setShowModal }) {
+ return (
+
+ DADOS
+
+ setShowModal(null)}
+ >
+
+
+
+ );
+}
+
+function DataOriginSelector() {
+ const [dataOriginToShow, setDataOriginToShow] = useState("oficial")
+ const bgToUse = (selected) => dataOriginToShow == selected ? colors.secondary : colors.gray;
+
+ return (
+
+
+ setDataOriginToShow("oficial")}
+ >
+
+ OFICIAL
+
+
+
+ setDataOriginToShow("citzen")}
+ >
+
+ CIDADÃO
+
+
+
+ );
+}
+
+function DataMenuBody({ setShowModal }) {
+ return (
+
+
+
+
+ );
+}
+
+export default function MapDataMenu(props) {
+ const [showModal, setShowModal] = useState(null);
+ return (
+
+
+ );
+}
+
+const styles = StyleSheet.create({
+ choicesBtn: {
+ width: "50%",
+ backgroundColor: colors.secondary,
+ height: "100%",
+ justifyContent: "center",
+ paddingHorizontal: 12,
+ alignItems: "center",
+ justifyContent: "flex-start",
+ flexDirection: "row"
+ },
+ text: {
+ color: colors.white,
+ alignSelf: "center",
+ fontWeight: "500",
+ fontSize: 16,
+ },
+ topBarIcon: {
+ alignSelf: "center",
+ },
+});
diff --git a/src/app/components/map/OpenStreetMap.js b/src/app/components/map/OpenStreetMap.js
index 99c8e1a..b656daf 100644
--- a/src/app/components/map/OpenStreetMap.js
+++ b/src/app/components/map/OpenStreetMap.js
@@ -8,6 +8,7 @@ import {
} from "./LeafLetMap";
import MapModal from "../MapModal";
import html_content from "./Map.js";
+import MapDataMenu from "../MapDataMenu";
function bindEventsToListeners(
@@ -87,6 +88,7 @@ export default function OpenStreetMap({
setShowModal={setMarkerListener}
markers={markersList}
/>
+
);
diff --git a/src/app/config/colors.js b/src/app/config/colors.js
index d6e9cf3..bda41f4 100644
--- a/src/app/config/colors.js
+++ b/src/app/config/colors.js
@@ -1,6 +1,6 @@
export default {
primary: "#006493",
- secondary: "#4ecdc4",
+ secondary: "rgba(74, 141, 183, 0.87)",
black: "#000",
white: "#fff",
medium: "#6e6969",