[C+ Checklist Needs Completion] [$500] Status - The colon between hours and minutes is misaligned

[lanitochka17]

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

---

Version Number: 1.4.23-0
Reproducible in staging?: Y
Reproducible in production?: N
If this was caught during regression testing, add the test name, ID and link from TestRail:
Email or phone of affected tester (no customers):
Logs: https://stackoverflow.com/c/expensify/questions/4856
Expensify/Expensify Issue URL:
Issue reported by: Applause - Internal Team
Slack conversation:

Action Performed:

1. Go to Settings > Profile > Status
2. Click Clear after > Custom > Time

Expected Result:

The time is displayed properly

Actual Result:

The colon between hours and minutes in Status is misaligned

Workaround:

Unknown

Platforms:

Which of our officially supported platforms is this issue occurring on?

• Android: Native
• Android: mWeb Chrome
• iOS: Native
• iOS: mWeb Safari
• MacOS: Chrome / Safari
• MacOS: Desktop

Screenshots/Videos

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~01f22c871c339d732d
• Upwork Job ID: 1744875536384045056
• Last Price Increase: 2024-01-10
• Automatic offers:
• shubham1206agra | Contributor | 28092023

Issue Owner

Current Issue Owner: @greg-schroeder

[mkhutornyi]

Proposal

Please re-state the problem that we are trying to solve in this issue.

Status - The colon between hours and minutes is misaligned on native (no issue on web)

What is the root cause of that problem?

offending PR: #33221

web is using updated style name (touchableInputWrapperStyle)

App/src/components/TextInput/BaseTextInput/index.tsx

Line 291 in abd28cd

touchableInputWrapperStyle,

But native is still using old style name (containerStyles)

App/src/components/TextInput/BaseTextInput/index.native.tsx

Line 276 in abd28cd

containerStyles,

What changes do you think we should make in order to solve the problem?

replace containerStyles with touchableInputWrapperStyle

[roryabraham]

Not sure why this is unassigned, I guess I'll grab it

[roryabraham]

It was missing the Engineering label

[mkhutornyi]

Not sure why this is unassigned, I guess I'll grab it

That's because this GH was created while github was down https://www.githubstatus.com/history

[melvin-bot]

Triggered auto assignment to @greg-schroeder (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details.

[melvin-bot]

Job added to Upwork: https://www.upwork.com/jobs/~01f22c871c339d732d