Refactoring: switch to TagHint, remove TagExplanation.svelte

src/UI/Popup/AddNewPoint/CreateCopy.svelte

@@ -17,8 +17,6 @@
   import OpenBackgroundSelectorButton from "../../BigComponents/OpenBackgroundSelectorButton.svelte"
   import Tr from "../../Base/Tr.svelte"
   import ThemeViewState from "../../../Models/ThemeViewState"
-  import TagExplanation from "../TagExplanation.svelte"
-  import { And } from "../../../Logic/Tags/And"
   import Loading from "../../Base/Loading.svelte"
   import CreateNewNodeAction from "../../../Logic/Osm/Actions/CreateNewNodeAction"
   import DocumentDuplicate from "@babeard/svelte-heroicons/solid/DocumentDuplicate"
@@ -26,6 +24,7 @@
   import { EyeOffIcon } from "@rgossiaux/svelte-heroicons/solid"
   import Layers from "../../../assets/svg/Layers.svelte"
   import { onDestroy } from "svelte"
+  import TagHint from "../TagHint.svelte"
 
   export let state: ThemeViewState
   export let layer: LayerConfig
@@ -180,7 +179,7 @@
       </div>
       {#if showTags}
         <div class="subtle">
-          <TagExplanation tagsFilter={new And($asTags)} linkToWiki />
+          <TagHint tags={$asTags} />
         </div>
       {/if}
     </div>

src/UI/Popup/TagExplanation.svelte

@@ -1,15 +0,0 @@
-<script lang="ts">
-  /**
-   * Shows an explanation about the given TagsFilter.
-   */
-  import { TagsFilter } from "../../Logic/Tags/TagsFilter"
-  import FromHtml from "../Base/FromHtml.svelte"
-
-  export let tagsFilter: TagsFilter
-  export let properties: Record<string, string> | undefined = {}
-  export let linkToWiki: boolean = false
-</script>
-
-{#if tagsFilter !== undefined}
-  <FromHtml src={tagsFilter.asHumanString(linkToWiki, false, properties)} />
-{/if}

src/UI/SpecialVisualisations/TagApplyButton.svelte

@@ -7,9 +7,9 @@
   import Loading from "../Base/Loading.svelte"
   import TagApplyViz from "./TagApplyViz"
   import Icon from "../Map/Icon.svelte"
-  import TagExplanation from "../Popup/TagExplanation.svelte"
   import { And } from "../../Logic/Tags/And"
   import Translations from "../i18n/Translations"
+  import TagHint from "../Popup/TagHint.svelte"
 
   /**
    * Works closely together with 'TagApplyViz
@@ -53,7 +53,7 @@
             })}
           />
         {:else}
-          <TagExplanation tagsFilter={new And($tagsToApply)} />
+          <TagHint tags={$tagsToApply} />
         {/if}
       </div>
     </button>