add timed out message for tile view
This commit is contained in:
parent
93c2e753b2
commit
0b0e92d250
2 changed files with 5 additions and 0 deletions
|
@ -94,6 +94,10 @@ export default function ClaimList(props: Props) {
|
||||||
return tileLayout && !header ? (
|
return tileLayout && !header ? (
|
||||||
<section className="claim-grid">
|
<section className="claim-grid">
|
||||||
{urisLength > 0 && uris.map(uri => <ClaimPreviewTile key={uri} uri={uri} />)}
|
{urisLength > 0 && uris.map(uri => <ClaimPreviewTile key={uri} uri={uri} />)}
|
||||||
|
{!timedOut && urisLength === 0 && !loading && (
|
||||||
|
<div className="empty main--empty">{empty || __('No results')}</div>
|
||||||
|
)}
|
||||||
|
{timedOut && timedOutMessage && <div className="empty main--empty">{timedOutMessage}</div>}
|
||||||
</section>
|
</section>
|
||||||
) : (
|
) : (
|
||||||
<section
|
<section
|
||||||
|
|
|
@ -184,6 +184,7 @@
|
||||||
padding: 0 var(--spacing-m);
|
padding: 0 var(--spacing-m);
|
||||||
margin-top: var(--spacing-l);
|
margin-top: var(--spacing-l);
|
||||||
margin-bottom: var(--spacing-l);
|
margin-bottom: var(--spacing-l);
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
> .card {
|
> .card {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
Loading…
Add table
Reference in a new issue