Fullscreen page: add message when there are no matches
This commit is contained in:
parent
54d4fa73a7
commit
127c30a44c
|
|
@ -26,6 +26,8 @@ function Matches(props) {
|
||||||
<Spinner animation='border' role='status' size='sm'/>
|
<Spinner animation='border' role='status' size='sm'/>
|
||||||
<span className='ml-3'>lade Matches</span>
|
<span className='ml-3'>lade Matches</span>
|
||||||
</div>);
|
</div>);
|
||||||
|
} else if (props.matches.length === 0) {
|
||||||
|
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.map(match => <Col md='auto'><Match key={match.id} match={match}/></Col>)}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue