5b1e21345f
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.
43 lines
1.4 KiB
TypeScript
43 lines
1.4 KiB
TypeScript
import { Show, createEffect, createSignal } from "solid-js"
|
|
import type { ServerMeta } from "../../../server/src/api-types"
|
|
import { getServerMeta } from "../lib/server-meta"
|
|
import { useI18n } from "../lib/i18n"
|
|
|
|
export default function VersionPill() {
|
|
const { t } = useI18n()
|
|
const [meta, setMeta] = createSignal<ServerMeta | null>(null)
|
|
|
|
createEffect(() => {
|
|
void getServerMeta()
|
|
.then((result) => setMeta(result))
|
|
.catch(() => setMeta(null))
|
|
})
|
|
|
|
const serverVersion = () => meta()?.serverVersion
|
|
const uiVersion = () => meta()?.ui?.version
|
|
const uiSource = () => meta()?.ui?.source
|
|
|
|
const uiLabel = () => (uiVersion() ? t("versionPill.uiWithVersion", { version: uiVersion() }) : t("versionPill.ui"))
|
|
|
|
return (
|
|
<Show when={serverVersion() || uiVersion() || uiSource()}>
|
|
<div class="text-[11px] text-muted whitespace-nowrap">
|
|
<Show when={serverVersion()}>
|
|
{(v) => <span>{t("versionPill.appWithVersion", { version: v() })}</span>}
|
|
</Show>
|
|
<Show when={uiVersion() || uiSource()}>
|
|
<>
|
|
<Show when={serverVersion()}>
|
|
<span class="mx-2">·</span>
|
|
</Show>
|
|
<span>
|
|
{uiLabel()}
|
|
<Show when={uiSource()}>{(s) => <span class="opacity-70">{t("versionPill.source", { source: s() })}</span>}</Show>
|
|
</span>
|
|
</>
|
|
</Show>
|
|
</div>
|
|
</Show>
|
|
)
|
|
}
|