provectus/kafka-ui

Format numbers with locale

Open

#4 036 ouverte le 13 juil. 2023

Voir sur GitHub
 (10 commentaires) (2 réactions) (0 assignés)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

Guide contributeur

Stack technique
javascripttypescriptreactcssjava
Domaine
frontend
Type d'issue
feature
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 hours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
stale
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
ReactJavaScriptCSSNumber formatting
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
80
Direction de recherche
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.