UX: remove some unneeded UI in the favourite pane if one didn't mark favourites yes

This commit is contained in:
Pieter Vander Vennet 2024-09-10 01:11:20 +02:00
parent 003d1167ae
commit 60898a868c
2 changed files with 22 additions and 17 deletions

View file

@ -864,4 +864,4 @@
"startsWithQ": "Ein Wikidata-Identifikator beginnt mit Q und wird von einer Zahl gefolgt" "startsWithQ": "Ein Wikidata-Identifikator beginnt mit Q und wird von einer Zahl gefolgt"
} }
} }
} }

View file

@ -22,7 +22,7 @@
JSON.stringify(contents), JSON.stringify(contents),
"mapcomplete-favourites-" + new Date().toISOString() + ".geojson", "mapcomplete-favourites-" + new Date().toISOString() + ".geojson",
{ {
mimetype: "application/vnd.geo+json", mimetype: "application/vnd.geo+json"
} }
) )
} }
@ -33,7 +33,7 @@
gpx, gpx,
"mapcomplete-favourites-" + new Date().toISOString() + ".gpx", "mapcomplete-favourites-" + new Date().toISOString() + ".gpx",
{ {
mimetype: "{gpx=application/gpx+xml}", mimetype: "{gpx=application/gpx+xml}"
} }
) )
} }
@ -46,23 +46,28 @@
</LoginButton> </LoginButton>
</div> </div>
<div class="flex flex-col" on:keypress={(e) => console.log("Got keypress", e)}> <div class="flex flex-col">
<Tr t={Translations.t.favouritePoi.intro.Subs({ length: $favourites?.length ?? 0 })} /> {#if $favourites.length === 0}
<Tr t={Translations.t.favouritePoi.introPrivacy} /> <Tr t={Translations.t.favouritePoi.noneYet} />
{:else}
<Tr t={Translations.t.favouritePoi.intro.Subs({ length: $favourites?.length ?? 0 })} />
<Tr t={Translations.t.favouritePoi.introPrivacy} />
{/if}
{#each $favourites as feature (feature.properties.id)} {#each $favourites as feature (feature.properties.id)}
<FavouriteSummary {feature} {state} /> <FavouriteSummary {feature} {state} />
{/each} {/each}
<div class="mt-8 flex"> {#if $favourites.length > 0}
<button on:click={() => downloadGeojson()}> <div class="mt-8 flex">
<ArrowDownTray class="h-6 w-6" /> <button on:click={() => downloadGeojson()}>
<Tr t={Translations.t.favouritePoi.downloadGeojson} /> <ArrowDownTray class="h-6 w-6" />
</button> <Tr t={Translations.t.favouritePoi.downloadGeojson} />
<button on:click={() => downloadGPX()}> </button>
<ArrowDownTray class="h-6 w-6" /> <button on:click={() => downloadGPX()}>
<Tr t={Translations.t.favouritePoi.downloadGpx} /> <ArrowDownTray class="h-6 w-6" />
</button> <Tr t={Translations.t.favouritePoi.downloadGpx} />
</div> </button>
</div>
{/if}
</div> </div>
</LoginToggle> </LoginToggle>