provectus/kafka-ui

Format numbers with locale

Open

#4036 opened on Jul 13, 2023

View on GitHub
 (10 comments) (2 reactions) (0 assignees)Java (7,799 stars) (977 forks)batch import
area/uxgood first issuescope/frontendstatus/acceptedtype/enhancement

Description

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

Contributor guide

Tech stack
javascripttypescriptreactcssjava
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
ReactJavaScriptCSSNumber formatting
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
80
Research direction
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.