Merge branch 'develop' into feature/search

src/UI/BigComponents/FilterPage.svelte

@@ -60,7 +60,7 @@
       <Tr t={Translations.t.general.menu.filter} />
     </div>
 
-    <div class="ml-2 flex gap-x-2 self-end self-end text-sm">
+    <div class="ml-2 flex gap-x-2 text-sm">
       <button class="small as-link" class:disabled={allEnabled} on:click={() => enableAll(true)}>
         <Tr t={Translations.t.general.filterPanel.enableAll} />
       </button>

src/UI/BigComponents/Filterview.svelte

@@ -7,7 +7,6 @@
   import ToSvelte from "../Base/ToSvelte.svelte"
   import Checkbox from "../Base/Checkbox.svelte"
   import FilterConfig from "../../Models/ThemeConfig/FilterConfig"
-  import If from "../Base/If.svelte"
   import Dropdown from "../Base/Dropdown.svelte"
   import { ImmutableStore, Store, UIEventSource } from "../../Logic/UIEventSource"
   import FilterviewWithFields from "./FilterviewWithFields.svelte"

src/UI/BigComponents/MenuDrawer.svelte

@@ -2,7 +2,7 @@
   // All the relevant links
   import ThemeViewState from "../../Models/ThemeViewState"
   import Translations from "../i18n/Translations"
-  import { CogIcon, EyeIcon, HeartIcon } from "@rgossiaux/svelte-heroicons/solid"
+  import { CogIcon, EyeIcon, HeartIcon, TranslateIcon } from "@rgossiaux/svelte-heroicons/solid"
   import Page from "../Base/Page.svelte"
   import PrivacyPolicy from "./PrivacyPolicy.svelte"
   import Tr from "../Base/Tr.svelte"
@@ -268,6 +268,11 @@
       <Tr t={Translations.t.general.attribution.openIssueTracker} />
     </a>
 
+    <a class="flex" href="https://hosted.weblate.org/projects/mapcomplete/" target="_blank">
+      <TranslateIcon class="h-6 w-6"/>
+      <Tr t={Translations.t.translations.activateButton} />
+    </a>
+
     <a class="flex" href="https://en.osm.town/@MapComplete" target="_blank">
       <Mastodon class="h-6 w-6" />
       <Tr t={Translations.t.general.attribution.followOnMastodon} />

src/UI/Favourites/Favourites.svelte

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