From 0b0e92d250acb01e3cb444ade79e55e59364a815 Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Tue, 15 Sep 2020 10:05:04 -0400
Subject: [PATCH] add timed out message for tile view

---
 ui/component/claimList/view.jsx | 4 ++++
 ui/scss/component/_main.scss    | 1 +
 2 files changed, 5 insertions(+)

diff --git a/ui/component/claimList/view.jsx b/ui/component/claimList/view.jsx
index ab83bdd96..b105e62be 100644
--- a/ui/component/claimList/view.jsx
+++ b/ui/component/claimList/view.jsx
@@ -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
diff --git a/ui/scss/component/_main.scss b/ui/scss/component/_main.scss
index 91f7d0b4b..c08f7b5fe 100644
--- a/ui/scss/component/_main.scss
+++ b/ui/scss/component/_main.scss
@@ -184,6 +184,7 @@
   padding: 0 var(--spacing-m);
   margin-top: var(--spacing-l);
   margin-bottom: var(--spacing-l);
+  width: 100%;
 
   > .card {
     width: 100%;