From ba45feae30ccd3d419ec6878e2cd451d8f800aed Mon Sep 17 00:00:00 2001
From: Sebastian Martinez <sebastinez@me.com>
Date: Mon, 17 Jan 2022 11:01:27 +0100
Subject: [PATCH] Add error clause to seed page

Signed-off-by: Sebastian Martinez <sebastinez@me.com>
---
 src/base/seeds/View.svelte | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/base/seeds/View.svelte b/src/base/seeds/View.svelte
index a98ed9780..9e6eb6c95 100644
--- a/src/base/seeds/View.svelte
+++ b/src/base/seeds/View.svelte
@@ -4,10 +4,13 @@
   import Widget from "@app/base/projects/Widget.svelte";
   import Loading from "@app/Loading.svelte";
   import SeedAddress from "@app/SeedAddress.svelte";
+  import Modal from "@app/Modal.svelte";
 
   export let config: Config;
   export let seedAddress: string;
 
+  const back = () => window.history.back();
+
   config = config.withSeed({ host: seedAddress });
 </script>
 
@@ -122,4 +125,17 @@
       <div class="projects subtle">For seed project listing, update http-api to v0.2.0</div>
     {/if}
   </main>
+{:catch}
+  <Modal subtle>
+    <span slot="title">🏜️</span>
+    <span slot="body">
+      <p class="highlight"><strong>{seedAddress}</strong></p>
+      <p>Not able to query information from this seed.</p>
+    </span>
+    <span slot="actions">
+      <button on:click={back}>
+        Back
+      </button>
+    </span>
+  </Modal>
 {/await}