Browse Source

Adjusting opening button in data menu modal

master
GabrielTrettel 3 years ago
parent
commit
c1d7df0c75
  1. 29
      src/app/components/MapDataMenu.js

29
src/app/components/MapDataMenu.js

@ -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"

Loading…
Cancel
Save