From e7aa71edd1f060b433ed986ec6d0d09b64b9018a Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Tue, 8 Jun 2021 11:18:11 +0200
Subject: [PATCH] Show loading in resolver query

---
 src/base/resolver/Query.svelte | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/base/resolver/Query.svelte b/src/base/resolver/Query.svelte
index 6f9ce158e..635220c78 100644
--- a/src/base/resolver/Query.svelte
+++ b/src/base/resolver/Query.svelte
@@ -5,6 +5,7 @@
   import type { Config } from '@app/config';
   import * as utils from '@app/utils';
   import Error from '@app/Error.svelte';
+  import Loading from '@app/Loading.svelte';
 
   export let config: Config;
   export let query: string | null;
@@ -40,10 +41,12 @@
   });
 </script>
 
-<main>
+<main class="centered">
   {#if error}
     <Error on:close={() => navigate('/')}>
       Invalid query string “{query}”
     </Error>
+  {:else}
+    <Loading center />
   {/if}
 </main>