|
@ -151,7 +151,7 @@ function Border() { |
|
|
height: 2, |
|
|
height: 2, |
|
|
borderRadius: 2, |
|
|
borderRadius: 2, |
|
|
paddingHorizontal: 16, |
|
|
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) { |
|
|
export default function MapDataMenu(props) { |
|
|
const [showModal, setShowModal] = useState(null); |
|
|
const [showModal, setShowModal] = useState(null); |
|
|
return ( |
|
|
return ( |
|
|
<View |
|
|
<View |
|
|
> |
|
|
> |
|
|
<Button |
|
|
|
|
|
title={"VISUALIZAR DADOS NO MAPA"} |
|
|
|
|
|
onPress={() => setShowModal(true)} |
|
|
|
|
|
/> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ModalOpenBtn |
|
|
|
|
|
setShowModal={() => setShowModal(true)}/> |
|
|
|
|
|
|
|
|
<SelfClosingModal |
|
|
<SelfClosingModal |
|
|
style={{position:"absolute"}} |
|
|
style={{position:"absolute"}} |
|
|
animationType="slide" |
|
|
animationType="slide" |
|
|