Skip to content

Localized dates, numbers, and XLM formatting #71

Description

@Kalebtron1

Why this matters

Translation alone is not enough if numbers and dates still look native-only.

Problem

Balances and timestamps do not always reflect locale conventions.

Scope

  • Localize dates, numbers, and XLM balances.
  • Keep financial values readable.
  • Avoid changing the underlying data model.

Setup Steps

  • Clone the repository and run npm install at the repo root.
  • Run npm run dev and compare the same screen in different locales.
  • Run npm run build to confirm formatting changes do not break the app.

File Paths

  • src/components/CreditSection.tsx
  • src/components/ActivityList.tsx
  • src/pages/Perfil.tsx
  • src/pages/Historial.tsx

Implementation guidance

  • Apply locale-aware formatting in credit, history, and balance views.
  • Keep the internal values accurate and format only at render time.
  • Ensure XLM values remain legible on mobile.

Acceptance criteria

  • Dates and values switch format with locale.
  • Numeric values remain accurate and consistent across screens.
  • The PR description names the impacted views.

Validation

  • Compare the same screen across languages.
  • Verify no rounding or formatting errors appear.

PR requirements

  • Include Closes #71.
  • Include before/after behavior notes.

Complexity

  • Medium (100 points)

Metadata

Metadata

Assignees

No one assigned

    Labels

    Stellar WaveIssues in the Stellar wave programcomplexity:medium150 points - standard feature touching multiple areasfrontendFrontend implementation worki18nInternationalization and localization work

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions