feat(ui): localize UI strings
Converts hardcoded UI copy to i18n keys across the app, adds global translation for non-component modules, and splits the English catalog into feature modules with duplicate-key detection.
This commit is contained in:
@@ -1,5 +1,6 @@
|
||||
import { Show, createMemo, type Component } from "solid-js"
|
||||
import { ShieldAlert } from "lucide-solid"
|
||||
import { useI18n } from "../lib/i18n"
|
||||
import { getPermissionQueueLength, getQuestionQueueLength } from "../stores/instances"
|
||||
|
||||
interface PermissionNotificationBannerProps {
|
||||
@@ -8,17 +9,38 @@ interface PermissionNotificationBannerProps {
|
||||
}
|
||||
|
||||
const PermissionNotificationBanner: Component<PermissionNotificationBannerProps> = (props) => {
|
||||
const { t } = useI18n()
|
||||
const permissionCount = createMemo(() => getPermissionQueueLength(props.instanceId))
|
||||
const questionCount = createMemo(() => getQuestionQueueLength(props.instanceId))
|
||||
const queueLength = createMemo(() => permissionCount() + questionCount())
|
||||
const hasRequests = createMemo(() => queueLength() > 0)
|
||||
const label = createMemo(() => {
|
||||
const total = queueLength()
|
||||
|
||||
const pendingLabel = total === 1
|
||||
? t("permissionBanner.pendingRequests.one", { count: total })
|
||||
: t("permissionBanner.pendingRequests.other", { count: total })
|
||||
|
||||
const parts: string[] = []
|
||||
if (permissionCount() > 0) parts.push(`${permissionCount()} permission${permissionCount() === 1 ? "" : "s"}`)
|
||||
if (questionCount() > 0) parts.push(`${questionCount()} question${questionCount() === 1 ? "" : "s"}`)
|
||||
const detail = parts.length ? ` (${parts.join(", ")})` : ""
|
||||
return `${total} pending request${total === 1 ? "" : "s"}${detail}`
|
||||
|
||||
if (permissionCount() > 0) {
|
||||
parts.push(
|
||||
permissionCount() === 1
|
||||
? t("permissionBanner.detail.permission.one", { count: permissionCount() })
|
||||
: t("permissionBanner.detail.permission.other", { count: permissionCount() }),
|
||||
)
|
||||
}
|
||||
|
||||
if (questionCount() > 0) {
|
||||
parts.push(
|
||||
questionCount() === 1
|
||||
? t("permissionBanner.detail.question.one", { count: questionCount() })
|
||||
: t("permissionBanner.detail.question.other", { count: questionCount() }),
|
||||
)
|
||||
}
|
||||
|
||||
const detail = parts.length ? t("permissionBanner.detail.wrapper", { detail: parts.join(", ") }) : ""
|
||||
return `${pendingLabel}${detail}`
|
||||
})
|
||||
|
||||
return (
|
||||
|
||||
Reference in New Issue
Block a user