diff --git a/src/UI/Map/Icon.svelte b/src/UI/Map/Icon.svelte
index c199abe93..c775e1c31 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.
@@ -139,6 +140,8 @@
{: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,