From 51897adf8d9205ec0c84c3e38c797763b8f4f015 Mon Sep 17 00:00:00 2001
From: Romein van Buren <romein@vburen.nl>
Date: Sat, 24 Jun 2023 10:28:49 +0200
Subject: [PATCH] Show spinner

---
 frontend/src/organisms/connection/collection/shell.svelte | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/organisms/connection/collection/shell.svelte b/frontend/src/organisms/connection/collection/shell.svelte
index 03581fd..ea6ab32 100644
--- a/frontend/src/organisms/connection/collection/shell.svelte
+++ b/frontend/src/organisms/connection/collection/shell.svelte
@@ -12,9 +12,12 @@
   let result = {};
   let copySucceeded = false;
   let timeout;
+  let busy = false;
 
   async function run() {
+    busy = true;
     result = await collection.executeShellScript(script);
+    busy = false;
   }
 
   async function copyErrorDescription() {
@@ -34,7 +37,9 @@
     </label>
 
     <div class="output">
-      {#if result.errorTitle || result.errorDescription}
+      {#if busy}
+        <BlankState icon="loading" label="Executing…" />
+      {:else if result.errorTitle || result.errorDescription}
         <BlankState title={result.errorTitle} label={result.errorDescription} icon="!">
           <button class="button-small" on:click={copyErrorDescription}>
             <Icon name={copySucceeded ? 'check' : 'clipboard'} /> Copy error message