1 files changed, 9 insertions, 9 deletions

diff --git a/client-web/source/chat.ts b/client-web/source/chat.ts
index 4531a76..b876e5c 100644
--- a/client-web/source/chat.ts
+++ b/client-web/source/chat.ts
@@ -7,7 +7,7 @@
 
 import { ChatMessage } from "../../common/packets.d.ts";
 import { e, image_view, notify } from "./helper.ts";
-import { PO } from "./locale/mod.ts";
+import { tr } from "./locale.ts";
 import { log } from "./logger.ts";
 import { chat_control } from "./menu.ts";
 import { PREFS } from "./preferences/mod.ts";
@@ -31,15 +31,15 @@ export class Chat {
 
     constructor() {
         const send = document.createElement("input")
-        send.ariaLabel = PO.chatbox_label
+        send.ariaLabel = tr("chat.input.label")
         send.type = "text"
-        send.placeholder = PO.chatbox_placeholder
+        send.placeholder = tr("chat.input.placeholder")
 
         const messages = e("div", { class: "messages", aria_live: "polite" })
         const controls = e("div", { class: "controls" })
         controls.append(send)
 
-        this.element = e("section", { class: "chat", aria_label: PO.chat, role: "dialog" }, messages, controls)
+        this.element = e("section", { class: "chat", aria_label: tr("chat"), role: "dialog" }, messages, controls)
         this.messages = messages
         this.controls = controls
         this.send_el = send
@@ -87,13 +87,13 @@ export class Chat {
 
     add_control_message(m: ControlMessage) {
         const el = e("div", { class: ["message", "control-message"] },
-            ...(m.join ? PO.join_message : PO.leave_message)(e("span", { class: "author" }, m.join?.display_name ?? m.leave?.display_name ?? ""))
+            tr(m.join ? "chat.join_message" : "chat.leave_message", { name: m.join?.display_name ?? m.leave?.display_name ?? "" })
         )
         this.messages.append(el)
         el.scrollIntoView({ block: "end", behavior: "smooth", inline: "end" })
     }
 
-    create_text_message(text: string) : HTMLElement {
+    create_text_message(text: string): HTMLElement {
         const div = document.createElement("div")
         div.classList.add("text")
 
@@ -105,7 +105,7 @@ export class Chat {
     }
 
     add_message(sender: User, message: ChatMessage) {
-        const els : HTMLElement[] = []
+        const els: HTMLElement[] = []
         if (message.text) els.push(this.create_text_message(message.text))
         if (message.image) els.push(image_view(message.image, { class: "image" }))
 
@@ -114,9 +114,9 @@ export class Chat {
         this.messages.append(el)
         el.scrollIntoView({ block: "end", behavior: "smooth", inline: "end" })
 
-        let body_str = PO.summary_empty_message
+        let body_str = tr("chat.summary.empty_message")
         if (message.text) body_str = message.text
-        if (message.image) body_str = PO.summery_image
+        if (message.image) body_str = tr("chat.summary.image")
         if (!(sender instanceof LocalUser) && PREFS.notify_chat) notify(body_str, sender.display_name)
     }
 }