feat: description of the line is divided into 2 lines

master
TyFonDev 2023-12-22 16:34:25 -03:00
parent 1541036acc
commit 67aa6e9e36
1 changed files with 9 additions and 2 deletions

View File

@ -47,6 +47,8 @@ const Table = ({data}: TableProps) => {
return <View style={tableStyles.cell} key={cellIndex} />;
}
const [first, second] = cell.lineDescription.split('-');
return (
<View style={[tableStyles.cell]} key={cellIndex}>
<View style={tableStyles.lineInformationContainer}>
@ -67,7 +69,10 @@ const Table = ({data}: TableProps) => {
{backgroundColor: `#${cell.backgroundColor}` || 'grey'},
]}>
<Text style={tableStyles.time} numberOfLines={1}>
{cell.lineDescription}
{first}
</Text>
<Text style={tableStyles.time} numberOfLines={1}>
{second}
</Text>
<Text style={tableStyles.time}>
{cell.estimatedArrivalTimeInMinutes}
@ -110,7 +115,9 @@ const BusStopInfoScreen = () => {
<Table data={displayedLines} />
)}
</View>
<View style={styles.footerContainer} />
<View style={styles.footerContainer}>
{/* {TODO implement footer} */}
</View>
</Container>
);
};