From 36f115f502f90bce24a4cc079e6a8530717d46fc Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Fri, 11 Jun 2021 11:18:46 +0200
Subject: [PATCH] Handle file not found in project

---
 src/base/projects/Browser.svelte | 24 ++++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/base/projects/Browser.svelte b/src/base/projects/Browser.svelte
index b3a160b51..968e17ff1 100644
--- a/src/base/projects/Browser.svelte
+++ b/src/base/projects/Browser.svelte
@@ -73,6 +73,20 @@
   .source-tree {
     overflow-x: auto;
   }
+
+  .error-message {
+    text-align: center;
+    padding-bottom: 2rem;
+    border-radius: 0.25rem;
+  }
+  .error-message header {
+    padding: 1rem 0;
+    font-weight: bold;
+  }
+  .error-message .icon {
+    font-size: 1.5rem;
+    margin-bottom: 1rem;
+  }
 </style>
 
 <main>
@@ -100,8 +114,14 @@
             {:else}
               <!-- Project has no README -->
             {/if}
-          {:catch}
-            <!-- TODO: Handle error -->
+          {:catch err}
+            <div class="error error-message">
+              <header>
+                <div class="icon">🍂</div>
+                <div><code>{path}</code></div>
+              </header>
+              This file could not be loaded.
+            </div>
           {/await}
         </div>
       {/if}