diff --git a/src/UI/Map/Icon.svelte b/src/UI/Map/Icon.svelte index 6baaa36a2..b4ecdebc0 100644 --- a/src/UI/Map/Icon.svelte +++ b/src/UI/Map/Icon.svelte @@ -38,6 +38,7 @@ import { Utils } from "../../Utils" import Gear from "../../assets/svg/Gear.svelte" import { DesktopComputerIcon } from "@rgossiaux/svelte-heroicons/solid" + import Relocation from "../../assets/svg/Relocation.svelte" /** * Renders a single icon. @@ -137,8 +138,10 @@ {:else if icon === "wifi"} - {:else if icon === "computer"} + {:else if icon === "computer"} + {:else if icon === "relocation"} + {:else if Utils.isEmoji(icon)} {icon} diff --git a/src/UI/Popup/MoveWizard.svelte b/src/UI/Popup/MoveWizard.svelte index 006015c5f..ad2a7a073 100644 --- a/src/UI/Popup/MoveWizard.svelte +++ b/src/UI/Popup/MoveWizard.svelte @@ -23,6 +23,7 @@ import BackButton from "../Base/BackButton.svelte" import ChevronLeft from "@babeard/svelte-heroicons/solid/ChevronLeft" import ThemeViewState from "../../Models/ThemeViewState" + import Icon from "../Map/Icon.svelte" export let state: ThemeViewState @@ -47,7 +48,7 @@ location: new UIEventSource({ lon, lat }), minzoom: new UIEventSource($reason.minZoom), rasterLayer: state.mapProperties.rasterLayer, - zoom: new UIEventSource($reason?.startZoom ?? 16), + zoom: new UIEventSource($reason?.startZoom ?? 16) } } @@ -84,7 +85,6 @@ {#if currentStep === "reason" && moveWizardState.reasons.length > 1} - {#each moveWizardState.reasons as reasonSpec} {/each} diff --git a/src/UI/Popup/MoveWizardState.ts b/src/UI/Popup/MoveWizardState.ts index 565b89a11..73f0d5a03 100644 --- a/src/UI/Popup/MoveWizardState.ts +++ b/src/UI/Popup/MoveWizardState.ts @@ -16,7 +16,7 @@ import Location from "../../assets/svg/Location.svelte" export interface MoveReason { text: Translation | string invitingText: Translation | string - icon: BaseUIElement + icon: string changesetCommentValue: string lockBounds: true | boolean includeSearch: false | boolean @@ -48,7 +48,7 @@ export class MoveWizardState { reasons.push({ text: t.reasons.reasonRelocation, invitingText: t.inviteToMove.reasonRelocation, - icon: new SvelteUIElement(Relocation), + icon: "relocation", changesetCommentValue: "relocated", lockBounds: false, background: undefined, @@ -62,7 +62,7 @@ export class MoveWizardState { reasons.push({ text: t.reasons.reasonInaccurate, invitingText: t.inviteToMove.reasonInaccurate, - icon: new SvelteUIElement(Location), + icon: "location", changesetCommentValue: "improve_accuracy", lockBounds: true, includeSearch: false,