gaugendre/display
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Improve display

Browse source
This commit is contained in:
Gabriel Augendre 2021-11-14 10:44:30 +01:00
parent 11cfe19650
commit 3d6037a56a
2 changed files with 2 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/App.tsx
View file

@ -40,11 +40,9 @@ class App extends React.Component<{}, IAppState> {
render() {
return <div>
<Container className="main">
<Row sm={2}>
<Row sm={2} md={3} className="g-4">
{this.state.passages.map((ligne) => <Tcl key={ligne.ligne} ligne={ligne.ligne}
delais={ligne.delais}/>)}
</Row>
<Row sm={2}>
{this.state.stations.map((station) => <Velov key={station.info.station_id} info={station.info} status={station.status}/>)}
</Row>
<Row>

2
src/Velov.tsx
View file

@ -10,7 +10,7 @@ export default class Velov extends React.Component<IVelovStation> {
return <Col>
<Card>
<Card.Header>
<FontAwesomeIcon icon={faBiking}/> {this.props.info.name.toLowerCase()}
<FontAwesomeIcon icon={faBiking}/> {this.props.info.name.toLowerCase().split(" - ")[1]}
</Card.Header>
<ListGroup variant="flush">
<ListGroup.Item>