mirror of https://gitlab.com/m3f_usm/SmartStopAPK
feat: description of the line is divided into 2 lines
parent
1541036acc
commit
67aa6e9e36
|
@ -47,6 +47,8 @@ const Table = ({data}: TableProps) => {
|
||||||
return <View style={tableStyles.cell} key={cellIndex} />;
|
return <View style={tableStyles.cell} key={cellIndex} />;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const [first, second] = cell.lineDescription.split('-');
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<View style={[tableStyles.cell]} key={cellIndex}>
|
<View style={[tableStyles.cell]} key={cellIndex}>
|
||||||
<View style={tableStyles.lineInformationContainer}>
|
<View style={tableStyles.lineInformationContainer}>
|
||||||
|
@ -67,7 +69,10 @@ const Table = ({data}: TableProps) => {
|
||||||
{backgroundColor: `#${cell.backgroundColor}` || 'grey'},
|
{backgroundColor: `#${cell.backgroundColor}` || 'grey'},
|
||||||
]}>
|
]}>
|
||||||
<Text style={tableStyles.time} numberOfLines={1}>
|
<Text style={tableStyles.time} numberOfLines={1}>
|
||||||
{cell.lineDescription}
|
{first}
|
||||||
|
</Text>
|
||||||
|
<Text style={tableStyles.time} numberOfLines={1}>
|
||||||
|
{second}
|
||||||
</Text>
|
</Text>
|
||||||
<Text style={tableStyles.time}>
|
<Text style={tableStyles.time}>
|
||||||
{cell.estimatedArrivalTimeInMinutes}
|
{cell.estimatedArrivalTimeInMinutes}
|
||||||
|
@ -110,7 +115,9 @@ const BusStopInfoScreen = () => {
|
||||||
<Table data={displayedLines} />
|
<Table data={displayedLines} />
|
||||||
)}
|
)}
|
||||||
</View>
|
</View>
|
||||||
<View style={styles.footerContainer} />
|
<View style={styles.footerContainer}>
|
||||||
|
{/* {TODO implement footer} */}
|
||||||
|
</View>
|
||||||
</Container>
|
</Container>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in New Issue