elgaard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

UX: don't hide nearby images if logging in stalls

Browse source
This commit is contained in:
Pieter Vander Vennet 2024-06-14 01:00:59 +02:00
parent aad31f649e
commit 996a08e8d8
4 changed files with 29 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/UI/Base/LoginToggle.svelte
View file

@ -16,6 +16,10 @@
* If set, 'loading' will act as if we are already logged in.
*/
export let ignoreLoading: boolean = false
/**
* Only show the 'successful' state, don't show loading or error messages
*/
export let silentFail : boolean = false
let loadingStatus = state?.osmConnection?.loadingStatus ?? new ImmutableStore("logged-in")
let badge = state?.featureSwitches?.featureSwitchEnableLogin ?? new ImmutableStore(true)
const t = Translations.t.general
@ -30,11 +34,11 @@
</script>
{#if $badge}
{#if !ignoreLoading && $loadingStatus === "loading"}
{#if !ignoreLoading && !silentFail && $loadingStatus === "loading"}
<slot name="loading">
<Loading />
</slot>
{:else if $loadingStatus === "error"}
{:else if !silentFail && $loadingStatus === "error"}
<slot name="error">
<div class="alert max-w-64 flex items-center">
<Invalid class="m-2 h-8 w-8 shrink-0" />
@ -43,7 +47,7 @@
</slot>
{:else if $loadingStatus === "logged-in"}
<slot />
{:else if $loadingStatus === "not-attempted"}
{:else if !silentFail && $loadingStatus === "not-attempted"}
<slot name="not-logged-in" />
{/if}
{/if}