fix(i18n): preserve remaining Vietnamese localization (#7935)

* fix(i18n): preserve remaining Vietnamese localization

* chore(quality): rebaseline file-size cap for 9 dashboard components (i18n wiring)

Restoring the Vietnamese localization on 9 dashboard components (useTranslations
wiring + t()/tc() call-site swaps for previously hardcoded strings) grows each
file by a small, irreducible amount. Bumps the frozen file-size-baseline.json
caps to match, with a justification entry per the project's own ratchet policy.

Co-authored-by: diegosouzapw <8016841+diegosouzapw@users.noreply.github.com>

* fix(i18n): wire weekday localization + add missing qwen CLI description

Two gaps left by this PR's own new contract tests, caught while
reconciling the branch against the release tip:

- CostOverviewTab.tsx added formatWeekdayLabel() but never called it;
  the Weekly Usage Pattern chart still showed raw English day
  abbreviations regardless of locale. Now maps weeklyPattern rows
  through it before handing them to WeeklyPatternCard.
- cliTools.toolDescriptions was missing an entry for "qwen" (a
  baseUrlSupport:"full" tool) in both en.json and vi.json, failing
  the PR's own cli-catalog-display-contract.test.ts.

Covered by the PR's existing tests/unit/dashboard-localization-contract.test.ts
and tests/unit/cli-catalog-display-contract.test.ts (both now pass).

Co-authored-by: diegosouzapw <8016841+diegosouzapw@users.noreply.github.com>

* i18n(vi): backfill the 4 proxySubscription keys #7299 added to en.json

#7299 (proxy subscriptions) merged while this branch was rebasing, adding
settings.proxySubscriptionsTab and settings.proxySubscription.error.{LOCAL_CORE_ENDPOINT_INVALID,
NEEDS_CORE_NOT_CONFIGURED,NO_USABLE_NODES} to en.json. This PR's own
i18n-vi-completeness contract asserts full en↔vi key parity, so the merge of the
current release tip surfaced them as missing. Adds the Vietnamese translations,
keeping the SS/VMess/Trojan/VLESS/SOCKS5 technical terms verbatim.

Co-authored-by: diegosouzapw <8016841+diegosouzapw@users.noreply.github.com>

---------

Co-authored-by: nguyenha935 <208228297+nguyenha935@users.noreply.github.com>
Co-authored-by: Diego Rodrigues de Sa e Souza <diegosouza.pw@gmail.com>
Co-authored-by: diegosouzapw <8016841+diegosouzapw@users.noreply.github.com>
Co-authored-by: nguyenha935 <nguyenha935@users.noreply.github.com>
This commit is contained in:
nguyenha935
2026-07-21 23:41:02 +07:00
committed by GitHub
parent eab59d4048
commit 4012bac41d
207 changed files with 12021 additions and 5221 deletions

View File

@@ -1,8 +1,9 @@
"use client";
import { useEffect, useRef, useId } from "react";
import { useTranslations } from "next-intl";
import { cn } from "@/shared/utils/cn";
import Button from "./Button";
import Button, { type ButtonVariant } from "./Button";
// #6265 — preset for content-heavy modals: caps height on the OUTERMOST dialog
// wrapper only (single scroll owner) and keeps the inner body plain (no
@@ -27,6 +28,18 @@ interface ModalProps {
maxWidth?: string;
}
interface ConfirmModalProps {
isOpen: boolean;
onClose: () => void;
onConfirm: () => void | Promise<void>;
title?: React.ReactNode;
message: React.ReactNode;
confirmText?: React.ReactNode;
cancelText?: React.ReactNode;
variant?: ButtonVariant;
loading?: boolean;
}
export default function Modal({
isOpen,
onClose,
@@ -40,6 +53,7 @@ export default function Modal({
bodyClassName,
compactHeader = false,
}: ModalProps) {
const t = useTranslations("common");
const titleId = useId();
const dialogRef = useRef(null);
@@ -186,7 +200,7 @@ export default function Modal({
{showCloseButton && (
<button
onClick={onClose}
aria-label="Close"
aria-label={t("close")}
className="p-1.5 rounded-lg text-text-muted hover:bg-black/5 dark:hover:bg-white/5 transition-colors shrink-0"
>
<span className="material-symbols-outlined text-[20px]" aria-hidden="true">
@@ -218,26 +232,31 @@ export function ConfirmModal({
isOpen,
onClose,
onConfirm,
title = "Confirm",
title,
message,
confirmText = "Confirm",
cancelText = "Cancel",
confirmText,
cancelText,
variant = "danger",
loading = false,
}) {
}: ConfirmModalProps) {
const t = useTranslations("common");
const resolvedTitle = title ?? t("confirmTitle");
const resolvedConfirmText = confirmText ?? t("confirmAction");
const resolvedCancelText = cancelText ?? t("cancel");
return (
<Modal
isOpen={isOpen}
onClose={onClose}
title={title}
title={resolvedTitle}
size="sm"
footer={
<>
<Button variant="ghost" onClick={onClose} disabled={loading}>
{cancelText}
{resolvedCancelText}
</Button>
<Button variant={variant as any} onClick={onConfirm} loading={loading}>
{confirmText}
<Button variant={variant} onClick={onConfirm} loading={loading}>
{resolvedConfirmText}
</Button>
</>
}