Sort matches on fullscreen page by position as well
This commit is contained in:
parent
21e6a858c6
commit
3c4a77bbeb
|
|
@ -7,6 +7,7 @@ import {
|
||||||
Spinner
|
Spinner
|
||||||
} from 'reactstrap';
|
} from 'reactstrap';
|
||||||
import {Match} from '../js/components/Match';
|
import {Match} from '../js/components/Match';
|
||||||
|
import {sortMatchesByPositionAscending} from '../js/utils/sorting';
|
||||||
|
|
||||||
|
|
||||||
function FullscreenPage(props) {
|
function FullscreenPage(props) {
|
||||||
|
|
@ -27,7 +28,9 @@ function Matches(props) {
|
||||||
matches = (<div className='text-center text-secondary font-italic'>keine Matches</div>);
|
matches = (<div className='text-center text-secondary font-italic'>keine Matches</div>);
|
||||||
} else {
|
} else {
|
||||||
matches = (<Row>
|
matches = (<Row>
|
||||||
{props.matches.map(match => <Col md='auto'><Match key={match.id} match={match}/></Col>)}
|
{props.matches.sort(sortMatchesByPositionAscending()).map(
|
||||||
|
match => <Col md='auto'><Match key={match.id} match={match}/></Col>
|
||||||
|
)}
|
||||||
</Row>);
|
</Row>);
|
||||||
}
|
}
|
||||||
return (<div className='mx-4 h5'>
|
return (<div className='mx-4 h5'>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue