fix markdown component to react to language selection changes

jillesvangurp · Jun 15, 2024 · 80a6040 · 80a6040
1 parent 535dd66
commit 80a6040
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/src/jsMain/kotlin/localization/TranslationStore.kt b/src/jsMain/kotlin/localization/TranslationStore.kt
@@ -30,6 +30,9 @@ fun HtmlTag<HTMLElement>.translate(translatable: Translatable,args: Map<String,
 fun getTranslationString(translatable: Translatable,args: Map<String, Any>? = null) =
     translationStore.getString(translatable,args)
 
+fun getTranslationFlow(translatable: Translatable,args: Map<String, Any>? = null) =
+    translationStore[translatable, args]
+
 
 class TranslationStore(
     val settingsStore: SettingsStore,

diff --git a/src/jsMain/kotlin/markdown/markdown.kt b/src/jsMain/kotlin/markdown/markdown.kt
@@ -5,6 +5,7 @@ import dev.fritz2.core.RenderContext
 import dev.fritz2.core.RootStore
 import dev.fritz2.remote.http
 import kotlinx.coroutines.Job
+import localization.getTranslationFlow
 import localization.getTranslationString
 import org.intellij.markdown.IElementType
 import org.intellij.markdown.flavours.gfm.GFMFlavourDescriptor
@@ -53,10 +54,12 @@ fun RenderContext.markdownDiv(
     baseClass: String? = null,
     args: Map<String, Any>? = null
 ) {
-    val markdown = getTranslationString(translatable, args = args)
-    div(baseClass) {
-        // make sure we render lists with bullets, tailwind seems to not like this; so use css
 
-    }.domNode.innerHTML = renderMarkdown(markdown)
+    getTranslationFlow(translatable, args = args).render {markdown ->
+        div(baseClass) {
+            // make sure we render lists with bullets, tailwind seems to not like this; so use css
+
+        }.domNode.innerHTML = renderMarkdown(markdown)
+    }
 }