[HOLD for payment 2022-01-17] User details page - Date format flickers when refreshing the page on user details page - Reported by: @thesahindia

[isagoico]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

Action Performed:

1. Set the app language to English
2. Navigate to a conversation
3. Click on the header to open the user details page
4. Notice the time format
5. Refresh the page

Expected Result:

Date format should be static and not flickering when refreshing the page.

Actual Result:

Date flickers showing the es date format when refreshing the page.

Workaround:

Can the user still use Expensify without this being fixed? Have you informed them of the workaround?

Platform:

Where is this issue confirmed?

• Web

Version Number: 1.1.20-3

Reproducible in staging?: Yes
Reproducible in production?: Yes

Logs: https://stackoverflow.com/c/expensify/questions/4856

Notes/Photos/Videos: Any additional supporting documentation

Screen.Recording.2021-12-10.at.3.07.02.AM.mov

Expensify/Expensify Issue URL:

Issue reported by: @thesahindia
Slack conversation: https://expensify.slack.com/archives/C01GTK53T8Q/p1639086318472700

View all open jobs on GitHub

[MelvinBot]

Triggered auto assignment to @tgolen (Engineering), see https://stackoverflow.com/c/expensify/questions/4319 for more details.

[MelvinBot]

Triggered auto assignment to @NicMendonca (External), see https://stackoverflow.com/c/expensify/questions/8582 for more details.

[thesahindia]

Proposal

adding moment.locale(props.preferredLocale); will solve it

App/src/pages/DetailsPage.js

Lines 62 to 70 in 6433741

	const DetailsPage = (props) => {
	const details = props.personalDetails[props.route.params.login];
	const isSMSLogin = Str.isSMSLogin(details.login);
	// If we have a reportID param this means that we
	// arrived here via the ParticipantsPage and should be allowed to navigate back to it
	const shouldShowBackButton = Boolean(props.route.params.reportID);
	const timezone = moment().tz(details.timezone.selected);
	const GMTTime = `${timezone.toString().split(/[+-]/)[0].slice(-3)} ${timezone.zoneAbbr()}`;

[NicMendonca]

Upwork job posting: https://www.upwork.com/jobs/~0155f6c827837da81e

[MelvinBot]

Triggered auto assignment to @parasharrajat (Exported)