provectus/kafka-ui

Format numbers with locale

Open

#4,036 创建于 2023年7月13日

在 GitHub 查看
 (10 评论) (2 反应) (0 负责人)Java (7,799 star) (977 fork)batch import
area/uxgood first issuescope/frontendstatus/acceptedtype/enhancement

描述

Issue submitter TODO list

  • I've searched for an already existing issues here
  • I'm running a supported version of the application which is listed here and the feature is not present there

Is your proposal related to a problem?

No response

Describe the feature you're interested in

Number of messages in a topics list should be formatted, e.g. 123,456, and it would be nice to have all values in a table aligned to right

Describe alternatives you've considered

No response

Version you're running

56fa824 v0.7.1

Additional context

No response

贡献者指南

技术栈
javascripttypescriptreactcssjava
领域
frontend
议题类型
feature
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
2
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-3 hours
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
stale
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
ReactJavaScriptCSSNumber formatting
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
80
研究方向
Look for the table component that displays the topic list, likely in a file like `TopicTable.tsx` or similar. Identify where the number of messages is rendered, and use JavaScript's `Intl.NumberFormat` to format the number. Add CSS `text align: right` to the cell. Check if there are existing utility functions for formatting in the codebase (e.g., in `src/utils`); if not, create a simple formatter.
Format numbers with locale · provectus/kafka-ui#4036 | Good First Issue