From 2b858bd2aa03a8e920c6c2f9cc514ce925d71665 Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Wed, 22 Jan 2025 23:26:51 +0100
Subject: [PATCH] UX: show loading icon while testing OSM api capabilities

---
 src/UI/ThemeViewGUI.svelte | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/UI/ThemeViewGUI.svelte b/src/UI/ThemeViewGUI.svelte
index bccb69ae1..35f9e9688 100644
--- a/src/UI/ThemeViewGUI.svelte
+++ b/src/UI/ThemeViewGUI.svelte
@@ -4,7 +4,6 @@
   import MaplibreMap from "./Map/MaplibreMap.svelte"
   import FeatureSwitchState from "../Logic/State/FeatureSwitchState"
   import MapControlButton from "./Base/MapControlButton.svelte"
-  import ToSvelte from "./Base/ToSvelte.svelte"
   import If from "./Base/If.svelte"
   import type { Feature } from "geojson"
   import SelectedElementView from "./BigComponents/SelectedElementView.svelte"
@@ -48,6 +47,7 @@
   import { Drawer } from "flowbite-svelte"
   import { linear } from "svelte/easing"
   import DefaultIcon from "./Map/DefaultIcon.svelte"
+  import Loading from "./Base/Loading.svelte"
 
   export let state: ThemeViewState
 
@@ -421,7 +421,9 @@
       <If condition={state.featureSwitches.featureSwitchFakeUser}>
         <div class="alert w-fit">Faking a user (Testmode)</div>
       </If>
-      {#if $apiState !== "online" && $apiState !== "unknown"}
+      {#if $apiState === "unknown"}
+        <Loading />
+      {:else if $apiState !== "online"}
         <div class="alert w-fit">API is {$apiState}</div>
       {/if}
     </div>