add timed out message for tile view

This commit is contained in:
Sean Yesmunt 2020-09-15 10:05:04 -04:00
parent 93c2e753b2
commit 0b0e92d250
2 changed files with 5 additions and 0 deletions

View file

@ -94,6 +94,10 @@ export default function ClaimList(props: Props) {
return tileLayout && !header ? (
<section className="claim-grid">
{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

View file

@ -184,6 +184,7 @@
padding: 0 var(--spacing-m);
margin-top: var(--spacing-l);
margin-bottom: var(--spacing-l);
width: 100%;
> .card {
width: 100%;