From 76ea3137c86d16025069f7aa545ed4b642ac8198 Mon Sep 17 00:00:00 2001
From: Niek van der Maas <mail@niekvandermaas.nl>
Date: Wed, 22 Mar 2023 23:08:02 +0100
Subject: [PATCH] Remove progress bar, loading chat message

---
 src/app.scss        | 9 +++++++++
 src/lib/Chat.svelte | 6 +++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/app.scss b/src/app.scss
index 21393c3..e00d002 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -108,4 +108,13 @@ $modal-background-background-color-dark: rgba($dark, 0.86) !default; // remove t
 .menu {
   position: sticky;
   top: 1rem;
+}
+
+/* Loading chat messages */
+.is-loading {
+  opacity: 0.5;
+  @include loader;
+  width: 1.5rem;
+  height: 1.5rem;
+  border-width: 0.25em;
 }
\ No newline at end of file
diff --git a/src/lib/Chat.svelte b/src/lib/Chat.svelte
index c3d3bb0..428c5c1 100644
--- a/src/lib/Chat.svelte
+++ b/src/lib/Chat.svelte
@@ -489,7 +489,11 @@
 {/each}
 
 {#if updating}
-  <progress class="progress is-small is-dark" max="100" />
+  <article class="message is-success assistant-message">
+    <div class="message-body content">
+      <span class="is-loading" />
+    </div>
+  </article>
 {/if}
 
 <form class="field has-addons has-addons-right is-align-items-flex-end" on:submit|preventDefault={() => submitForm()}>