From 7852829f1b25043533b40625112f7b194b00c6c6 Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Tue, 26 Sep 2023 01:24:26 +0200
Subject: [PATCH] UX: explicitly indicate that geolocation was refused, see
 #1583

---
 langs/en.json                               |  1 +
 src/UI/BigComponents/ThemeIntroPanel.svelte | 10 ++++++++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/langs/en.json b/langs/en.json
index 42432d12c9..06e94de363 100644
--- a/langs/en.json
+++ b/langs/en.json
@@ -197,6 +197,7 @@
         "example": "Example",
         "examples": "Examples",
         "fewChangesBefore": "Please, answer a few questions of existing features before adding a new feature.",
+        "geopermissionDenied": "Using the geolocation was denied",
         "getStartedLogin": "Log in with OpenStreetMap to get started",
         "getStartedNewAccount": " or <a href='https://www.openstreetmap.org/user/new' target='_blank'>create a new account</a>",
         "goToInbox": "Open inbox",
diff --git a/src/UI/BigComponents/ThemeIntroPanel.svelte b/src/UI/BigComponents/ThemeIntroPanel.svelte
index 2e43de9b08..3bf9ce163d 100644
--- a/src/UI/BigComponents/ThemeIntroPanel.svelte
+++ b/src/UI/BigComponents/ThemeIntroPanel.svelte
@@ -74,11 +74,17 @@
           <ToSvelte construct={Svg.crosshair_svg().SetClass("w-8 h-8").SetClass("animate-spin")} />
           <Tr t={Translations.t.general.waitingForGeopermission} />
         </button>
-      {:else if $geopermission !== "denied"}
+      {:else if $geopermission === "denied"}
         <button class="flex w-full items-center gap-x-2 disabled">
-          <ToSvelte construct={Svg.crosshair_svg().SetClass("w-8 h-8").SetClass("motion-safe:animate-spin")} />
+          <ToSvelte construct={Svg.location_refused_svg().SetClass("w-8 h-8")} />
+          <Tr t={Translations.t.general.geopermissionDenied} />
+        </button>
+      {:else }
+        <button class="flex w-full items-center gap-x-2 disabled">
+          <ToSvelte construct={Svg.crosshair_svg().SetClass("w-8 h-8").SetClass("animate-spin")} />
           <Tr t={Translations.t.general.waitingForLocation} />
         </button>
+
       {/if}
 
       <div class=".button low-interaction m-1 flex w-full items-center gap-x-2 rounded border p-2">