More refactoring

UI/Base/Tr.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+  /**
+   * Properly renders a translation
+   */
+  import { Translation } from "../i18n/Translation";
+  import { onDestroy } from "svelte";
+  import Locale from "../i18n/Locale";
+  import { Utils } from "../../Utils";
+  import FromHtml from "./FromHtml.svelte";
+
+  export let t: Translation;
+  export let tags: Record<string, string> | undefined;
+  // Text for the current language
+  let txt: string | undefined;
+
+  onDestroy(Locale.language.addCallbackAndRunD(l => {
+    const translation = t?.textFor(l)
+    if(translation === undefined){
+      return
+    }
+    if(tags){
+      txt = Utils.SubstituteKeys(txt, tags)
+    }else{
+      txt = translation
+    }
+  }));
+
+</script>
+
+<FromHtml src={txt}></FromHtml>