provectus/kafka-ui

Format numbers with locale

Open

Aperta il 13 lug 2023

Vedi su GitHub
 (10 commenti) (2 reazioni) (0 assegnatari)Java (7799 star) (977 fork)batch import
area/uxgood first issuescope/frontendstatus/acceptedtype/enhancement

Descrizione

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

Guida contributor

Tech stack
javascripttypescriptreactcssjava
Dominio
frontend
Tipo issue
feature
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 hours
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
stale
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
clear
Prerequisiti
ReactJavaScriptCSSNumber formatting
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
80
Direzione di ricerca
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.