Localize formatting helpers

webview-ui/src/i18n/locales/ca/common.json

@@ -1 +1,7 @@
-{}
+{
+	"number_format": {
+		"thousand_suffix": "mil",
+		"million_suffix": "M",
+		"billion_suffix": "MM"
+	}
+}

webview-ui/src/i18n/locales/de/common.json

@@ -1 +1,7 @@
-{}
+{
+	"number_format": {
+		"thousand_suffix": "Tsd.",
+		"million_suffix": "Mio.",
+		"billion_suffix": "Mrd."
+	}
+}

webview-ui/src/i18n/locales/en/common.json

@@ -1 +1,7 @@
-{}
+{
+	"number_format": {
+		"thousand_suffix": "k",
+		"million_suffix": "m",
+		"billion_suffix": "b"
+	}
+}

webview-ui/src/i18n/locales/es/common.json

@@ -1 +1,7 @@
-{}
+{
+	"number_format": {
+		"thousand_suffix": "k",
+		"million_suffix": "M",
+		"billion_suffix": "MM"
+	}
+}

webview-ui/src/i18n/locales/fr/common.json

@@ -1 +1,7 @@
-{}
+{
+	"number_format": {
+		"thousand_suffix": "k",
+		"million_suffix": "M",
+		"billion_suffix": "Md"
+	}
+}

webview-ui/src/i18n/locales/hi/common.json

@@ -1 +1,7 @@
-{}
+{
+	"number_format": {
+		"thousand_suffix": "ह",
+		"million_suffix": "लाख",
+		"billion_suffix": "अरब"
+	}
+}

webview-ui/src/i18n/locales/it/common.json

@@ -1 +1,7 @@
-{}
+{
+	"number_format": {
+		"thousand_suffix": "k",
+		"million_suffix": "Mln",
+		"billion_suffix": "Mrd"
+	}
+}

webview-ui/src/i18n/locales/ja/common.json

@@ -1 +1,7 @@
-{}
+{
+	"number_format": {
+		"thousand_suffix": "k",
+		"million_suffix": "M",
+		"billion_suffix": "B"
+	}
+}

webview-ui/src/i18n/locales/ko/common.json

@@ -1 +1,7 @@
-{}
+{
+	"number_format": {
+		"thousand_suffix": "천",
+		"million_suffix": "백만",
+		"billion_suffix": "십억"
+	}
+}

webview-ui/src/i18n/locales/pl/common.json

@@ -1 +1,7 @@
-{}
+{
+	"number_format": {
+		"thousand_suffix": "tys.",
+		"million_suffix": "mln",
+		"billion_suffix": "mld"
+	}
+}

webview-ui/src/i18n/locales/pt-BR/common.json

@@ -1 +1,7 @@
-{}
+{
+	"number_format": {
+		"thousand_suffix": "mil",
+		"million_suffix": "mi",
+		"billion_suffix": "bi"
+	}
+}

webview-ui/src/i18n/locales/tr/common.json

@@ -1 +1,7 @@
-{}
+{
+	"number_format": {
+		"thousand_suffix": "B",
+		"million_suffix": "Mn",
+		"billion_suffix": "Mr"
+	}
+}

webview-ui/src/i18n/locales/vi/common.json

@@ -1 +1,7 @@
-{}
+{
+	"number_format": {
+		"thousand_suffix": "k",
+		"million_suffix": "tr",
+		"billion_suffix": "tỷ"
+	}
+}

webview-ui/src/i18n/locales/zh-CN/common.json

@@ -1 +1,7 @@
-{}
+{
+	"number_format": {
+		"thousand_suffix": "千",
+		"million_suffix": "百万",
+		"billion_suffix": "十亿"
+	}
+}

webview-ui/src/i18n/locales/zh-TW/common.json

@@ -1 +1,7 @@
-{}
+{
+	"number_format": {
+		"thousand_suffix": "千",
+		"million_suffix": "百萬",
+		"billion_suffix": "十億"
+	}
+}

webview-ui/src/utils/format.ts

@@ -1,27 +1,35 @@
+import i18next from "i18next"
+
 export function formatLargeNumber(num: number): string {
 	if (num >= 1e9) {
-		return (num / 1e9).toFixed(1) + "b"
+		return (num / 1e9).toFixed(1) + i18next.t("common:number_format.billion_suffix")
 	}
 	if (num >= 1e6) {
-		return (num / 1e6).toFixed(1) + "m"
+		return (num / 1e6).toFixed(1) + i18next.t("common:number_format.million_suffix")
 	}
 	if (num >= 1e3) {
-		return (num / 1e3).toFixed(1) + "k"
+		return (num / 1e3).toFixed(1) + i18next.t("common:number_format.thousand_suffix")
 	}
 	return num.toString()
 }
 
 export const formatDate = (timestamp: number) => {
 	const date = new Date(timestamp)
-	return date
-		.toLocaleString("en-US", {
-			month: "long",
-			day: "numeric",
-			hour: "numeric",
-			minute: "2-digit",
-			hour12: true,
-		})
-		.replace(", ", " ")
-		.replace(" at", ",")
-		.toUpperCase()
+	const locale = i18next.language || "en"
+
+	// Get date format style from translations or use default transformations
+	const dateStr = date.toLocaleString(locale, {
+		month: "long",
+		day: "numeric",
+		hour: "numeric",
+		minute: "2-digit",
+		hour12: true,
+	})
+
+	// Apply transformations based on locale or use default
+	if (locale === "en") {
+		return dateStr.replace(", ", " ").replace(" at", ",").toUpperCase()
+	}
+
+	return dateStr.toUpperCase()
 }