i18n(zh-CN): translate Volcano dashboard UI section into Chinese by aryunewaskar77-art · Pull Request #254 · volcano-sh/dashboard

aryunewaskar77-art · 2026-05-16T18:43:21Z

Summary

This PR adds Chinese (Simplified) localization support for Volcano Dashboard using react-i18next, enabling seamless switching between English and Chinese across the UI.

Changes

Localization framework

Added react-i18next integration with a dedicated i18n.js configuration.
Centralized translations under:

frontend/public/locales/en/translation.json
frontend/public/locales/zh/translation.json

Integrated localization support application-wide.

Language support

English (en) remains the default language.
Added Chinese (Simplified) (zh) support.
Added a persistent language switcher in the sidebar for instant language changes.

Translation improvements

Standardized Kubernetes terminology:
- Pods → Pods
- PodGroups → PodGroups
- Age → 存活时间
Preserved Kubernetes ecosystem terminology where appropriate for better usability.

Dynamic UI localization

Implemented localization support for:

Pagination labels and counts using interpolation
Reactive error messages
Create Resource dialogs
Dynamic status labels
Form field labels and validation messages

Examples:

English:
Total Pods: 10

Chinese:
Pods 总数：10

Error messages now update instantly when switching languages without requiring a page refresh.

Additional improvements

Removed duplicate localization keys
Standardized naming conventions
Kept raw Kubernetes YAML content in English to preserve system behavior and readability

Screenshots

Before

After

Testing

Verified:

Language switching updates UI immediately
Dynamic counts interpolate correctly
Error messages reactively update
Resource creation dialogs render localized labels correctly
Existing dashboard functionality remains unchanged

Signed-off-by: aryunewaskar77-art <aaryaanewaskar@gmail.com>

volcano-sh-bot · 2026-05-16T18:43:28Z

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by:
Once this PR has been reviewed and has the lgtm label, please assign jessestutler for approval. For more information see the Kubernetes Code Review Process.

The full list of commands accepted by this bot can be found here.

Details

Needs approval from an approver in each of these files:

OWNERS

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

volcano-sh-bot · 2026-05-16T18:43:34Z

Welcome @aryunewaskar77-art! It looks like this is your first PR to volcano-sh/dashboard 🎉

gemini-code-assist

Code Review

This pull request implements internationalization (i18n) across the Volcano Dashboard using i18next and react-i18next, introducing support for English and Chinese. Hardcoded strings in components, charts, and dialogs have been replaced with translation keys, and a language toggle has been added to the main layout. Review feedback identifies inconsistent error handling in Pods.jsx, missing translation keys for queue YAML titles and general YAML labels, and a fragile language detection check. Additionally, there are notes regarding a missing placeholder in the pod_details_title translation key and a suggestion to localize resource names in the QueueTableHeader instead of using simple capitalization.

gemini-code-assist · 2026-05-16T18:48:51Z

@@ -185,7 +187,7 @@ const Pods = () => {
                    <Typography variant="body1">{error}</Typography>


Inconsistent error handling: In this component, error is set as a string (lines 56, 156), but the rendering logic in other components (like Jobs.jsx or Queues.jsx) expects an object with key and message properties. If error becomes an object here, this line will render [object Object]. Consider using the ErrorDisplay component for consistency.

{error && ( <Box sx={{ mt: 2, color: theme.palette.error.main }}> <Typography variant="body1"> {error.key ? `${t(error.key)}${error.message}` : error} </Typography> </Box> )}

gemini-code-assist · 2026-05-16T18:48:51Z

+  "state": "State",
+  "guarantee_resources_optional": "Guarantee Resources (Optional)",
+  "capability_resources_optional": "Capability Resources (Optional)",
+  "deserved_resources_optional": "Deserved Resources (Optional)"


The key queue_yaml_title is missing from the English translation file, but it is being used in frontend/src/components/queues/QueueYamlDialog.jsx. This will cause the raw key to be displayed in the UI.

Suggested change

"deserved_resources_optional": "Deserved Resources (Optional)"

"deserved_resources_optional": "Deserved Resources (Optional)",

"queue_yaml_title": "Queue YAML - {{selectedQueueName}}",

"yaml": "YAML"

}

gemini-code-assist · 2026-05-16T18:48:51Z

+  "state": "状态",
+  "guarantee_resources_optional": "保证资源（可选）",
+  "capability_resources_optional": "能力资源（可选）",
+  "deserved_resources_optional": "应得资源（可选）"


The keys queue_yaml_title and yaml are missing from the Chinese translation file. Please add them to ensure the UI is fully localized.

Suggested change

"deserved_resources_optional": "应得资源（可选）"

"deserved_resources_optional": "应得资源（可选）",

"queue_yaml_title": "队列 YAML - {{selectedQueueName}}",

"yaml": "YAML"

}

gemini-code-assist · 2026-05-16T18:48:51Z

+                        }
+                        sx={{ color: "white" }}
+                    >
+                        {i18n.language === "en" ? "中文" : "EN"}


Checking i18n.language === "en" is fragile because the language detector might return regional variants like en-US. It is safer to check if the language starts with en or use i18n.resolvedLanguage.

Suggested change

{i18n.language === "en" ? "中文" : "EN"}

{i18n.language.startsWith("en") ? "中文" : "EN"}

gemini-code-assist · 2026-05-16T18:48:52Z

@@ -26,7 +28,7 @@ const PodDetailsDialog = ({ open, podName, podYaml, onClose }) => {
                },
            }}
        >


The pod_details_title translation key in translation.json does not contain the {{podName}} placeholder, so the podName passed here will not be rendered. Please update the translation files to include the placeholder.

gemini-code-assist · 2026-05-16T18:48:52Z

                                sx={{ letterSpacing: "0.02em" }}
                            >
-                                {`Allocated ${field}`}
+                                {`${field.toUpperCase()}${t("allocated_suffix")}`}


Resource names (like cpu, memory, nvidia.com/gpu) should be localized using t() instead of just calling toUpperCase(). This ensures consistency with other parts of the UI like QueueResourcesBarChart.jsx.

Suggested change

{`${field.toUpperCase()}${t("allocated_suffix")}`}

{`${t(field.toLowerCase())}${t("allocated_suffix")}`}

…Dashboard - Initialize react-i18next and configure EN/ZH translation infrastructure - Localize Dashboard, Jobs, Pods, Queues, and PodGroups views - Add persistent language switcher with robust language detection - Implement interpolation-based dynamic resource count translations - Refactor error handling for reactive language updates - Standardize Kubernetes terminology and dynamic labels - Localize resource creation dialogs and dynamic placeholders - Clean up duplicate keys and improve translation consistency Signed-off-by: aryunewaskar77-art <aaryaanewaskar@gmail.com>

volcano-sh-bot · 2026-05-26T11:25:43Z

Adding label do-not-merge/contains-merge-commits because PR contains merge commits, which are not allowed in this repository.
Use git rebase to reapply your commits on top of the target branch. Detailed instructions for doing so can be found here.

Details

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

i18n(zh-CN): translate dashboard UI section into Chinese

31cf20e

Signed-off-by: aryunewaskar77-art <aaryaanewaskar@gmail.com>

volcano-sh-bot requested review from Monokaix and kevin-wangzefeng May 16, 2026 18:43

volcano-sh-bot added the size/XXL label May 16, 2026

gemini-code-assist Bot reviewed May 16, 2026

View reviewed changes

This was referenced May 18, 2026

[Draft] Design Proposal: Scheduler Management, Observability & Log Explorer UI #266

Closed

[Draft] Design Proposal: Scheduler Management, Observability & Log Explorer UI #267

Closed

Resolve merge conflicts for feature/add-i18n-chinese-support

e83080c

volcano-sh-bot added the do-not-merge/contains-merge-commits label May 26, 2026

volcano-sh-bot added size/L and removed size/XXL labels May 26, 2026

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

i18n(zh-CN): translate Volcano dashboard UI section into Chinese#254

i18n(zh-CN): translate Volcano dashboard UI section into Chinese#254
aryunewaskar77-art wants to merge 3 commits into
volcano-sh:mainfrom
aryunewaskar77-art:feature/add-i18n-chinese-support

aryunewaskar77-art commented May 16, 2026

Uh oh!

volcano-sh-bot commented May 16, 2026

Uh oh!

volcano-sh-bot commented May 16, 2026

Uh oh!

gemini-code-assist Bot left a comment

Uh oh!

gemini-code-assist Bot May 16, 2026

Uh oh!

gemini-code-assist Bot May 16, 2026

Uh oh!

gemini-code-assist Bot May 16, 2026

Uh oh!

gemini-code-assist Bot May 16, 2026

Uh oh!

gemini-code-assist Bot May 16, 2026

Uh oh!

gemini-code-assist Bot May 16, 2026

Uh oh!

volcano-sh-bot commented May 26, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

		@@ -185,7 +187,7 @@ const Pods = () => {
		<Typography variant="body1">{error}</Typography>

-  "deserved_resources_optional": "Deserved Resources (Optional)"
+  "deserved_resources_optional": "Deserved Resources (Optional)",
+  "queue_yaml_title": "Queue YAML - {{selectedQueueName}}",
+  "yaml": "YAML"
+}

	{i18n.language === "en" ? "中文" : "EN"}
	{i18n.language.startsWith("en") ? "中文" : "EN"}

	{`${field.toUpperCase()}${t("allocated_suffix")}`}
	{`${t(field.toLowerCase())}${t("allocated_suffix")}`}

Conversation

aryunewaskar77-art commented May 16, 2026

Summary

Changes

Localization framework

Language support

Translation improvements

Dynamic UI localization

Additional improvements

Screenshots

Before

After

Testing

Uh oh!

volcano-sh-bot commented May 16, 2026

Uh oh!

volcano-sh-bot commented May 16, 2026

Uh oh!

gemini-code-assist Bot left a comment

Choose a reason for hiding this comment

Code Review

Uh oh!

gemini-code-assist Bot May 16, 2026

Choose a reason for hiding this comment

Uh oh!

gemini-code-assist Bot May 16, 2026

Choose a reason for hiding this comment

Uh oh!

gemini-code-assist Bot May 16, 2026

Choose a reason for hiding this comment

Uh oh!

gemini-code-assist Bot May 16, 2026

Choose a reason for hiding this comment

Uh oh!

gemini-code-assist Bot May 16, 2026

Choose a reason for hiding this comment

Uh oh!

gemini-code-assist Bot May 16, 2026

Choose a reason for hiding this comment

Uh oh!

volcano-sh-bot commented May 26, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants