Replace the existing US-located numbers, date and amounts with locale-aware components/ methods

If you haven’t already, check out our contributing guidelines for onboarding and email [e-mail] to request to join our Slack channel!

---

We are implementing the structure for internationalisation and localisation in Expensify.Cash.

As part of that, we need to replace the existing US-located numbers, dates, amounts and phone numbers with locale-aware components/ methods. In order to do that, you need to identify all places that display any of that information and then use the methods numberFormat, timestampToRelative, timestampToDateTime, toLocalPhone, fromLocalPhone of the withLocalize HOC we added here.

Expected Result:

numbers, dates, and amounts should be locale-aware

Actual Result:

They are US centric

Platform:

All

Version Number: current https://github.com/Expensify/Expensify/issues/152154

Job on Upwork

view Upwork job here

[iwiznia]

There are a couple of other places where we show phone numbers like this. In general, do I need to remove the country code from all the places where the phone number is visible?

Yep

Num.numberformat is important as we receive the amount of 1000 for $10 from the backend and it will give us a string like $10.00.We can’t pass that string to localized numberFormat How should I handle this amount to use in localized NumberFormat.

You need to use the locale aware method. If you are using the withLocalize HOC, then it would be: this.props.numberFormat(props.iouReport.total / 100, {type: 'currency', currency: props.iouReport.currency})

[iwiznia]

All reports have the same data structure, which is generated by getSimplifiedReportObject. The IOUs in particular are set here and here