diff --git a/src/app/components/MapModal.js b/src/app/components/MapModal.js index 5f1d6ec..36fe6a6 100644 --- a/src/app/components/MapModal.js +++ b/src/app/components/MapModal.js @@ -89,6 +89,7 @@ function topBar(props, setShowModal, setCurrentMarker) { } function iconTextRow(props) { + const description = props?.description?.replace(/\n/g, ", ") return ( @@ -98,9 +99,7 @@ function iconTextRow(props) { color={colors.primary} /> - - {props.description} - + {description} ); } @@ -214,24 +213,16 @@ function moreInfo(props) { }} > {!hasData ? ( - - - Não há dados para este pluviômetro - + Não há dados para este pluviômetro{"\n"} nos últimos 5 dias - ) : ( )} @@ -243,7 +234,7 @@ function componentBody(props) { const dims = scaleDimsFromWidth(95, 95, 16); // NOTE: This code is refered to our local SQLite solution. Revise this when implement rest API. const pictures = JSON.parse(props.pictures); - const date = props.date ? props.date : "implementando..."; + const date = props.date ? props.date : "Não foi possível obter a data"; const address = props.address ? props.address : "Não foi possível carregar o endereço "; @@ -413,6 +404,7 @@ const styles = StyleSheet.create({ fontSize: dimensions.text.secondary, }, bodyInfo: { + marginRight: 16, flexDirection: "column", alignContent: "flex-start", },