Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

[BUG] Metric group and field names are not localized in the React monitor detail page

Open
  • Is something wrong?
#4,471 0 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 2 days

@butterfly-520-boy is already working on this.

Since Oct 18, 2026.

  • #4473 by @butterfly-520-boy — open

Assessment

Difficulty
3/5
Estimated time
Half a day
Newbie friendliness
35/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
react
Domain
frontend, localization

Research direction

Start in the React monitor detail page, tracing where metric group and field identifiers are converted into labels. Read the existing template translations returned by /api/i18n/zh-CN and the related localization code. Done means the selected language is used, missing translations fall back to raw names, and metric identifiers remain unchanged; verify with the monitor detail UI tests if available.

Written by the indexing model from the issue text.

Description

bug
Is there an existing issue for this?
  • I have searched the existing issues
Current Behavior

The React monitor detail page displays raw metric group and field names even when translated names already exist in the monitoring template.

For example, with the interface set to Simplified Chinese, an HTTP monitor shows “summary” and “responseTime” instead of “概要” and “响应时间”.

Switching to English also leaves the raw names unchanged instead of displaying “Summary” and “Response Time”.

Expected Behavior

Use the existing template translations for metric group and field names, following the selected interface language.

If a translation is missing, fall back to the original name. The underlying metric identifiers should remain unchanged.

Steps To Reproduce

1.Run the HertzBeat 2.0 React frontend with a backend.

2.Create an HTTP website monitor pointing to a reachable endpoint and wait for metric data.

3.Set the interface language to Simplified Chinese and open the monitor detail page.

4.Check the group headings and field names. They still display raw names such as “summary” and “responseTime”.

5.Switch to English and check the names again.

Environment
HertzBeat version(s): 2.0-SNAPSHOT, React frontend
Affected master revision: d823f2dcd52903c01d2f79b93019d379208584dc
Operating system: Windows
Deployment: Local frontend connected to a real HertzBeat backend
Debug logs

The /api/i18n/zh-CN endpoint already returns the corresponding translations, including “概要” for the website summary group and “响应时间” for its responseTime field.

Anything else?

Related background: #1212.

The earlier template translation task is completed. This report concerns using those existing translations in the React frontend, rather than adding new translations to the YAML templates.

A local fix is in progress.

Dominant language
Java
Stars
7.4k
Forks
1.4k
Avg merge
2d 14h
Merged PRs (30d)
37

Getting set up

Open in Codespaces

Starts the project's dev container in your browser, under your own GitHub account.

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from apache/hertzbeat

All issues in apache/hertzbeat

Similar issues

More Java issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.