[HOLD for payment 2024-07-10] [$250] Skeleton loader doesn't show as table rows for table views

[m-natarajan]

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:
Reproducible in staging?:
Reproducible in production?:
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: @shawnborton
Slack conversation: https://expensify.slack.com/archives/C049HHMV9SM/p1718172985486579

Action Performed:

1. Open app
2. Go to workspace
3. Go to members
4. Observe the skeleton view

Expected Result:

Skeleton ros should use a BG colar to show table rows

Actual Result:

Does not look like table rows

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

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~01902d6c4eb8e8b5f6
• Upwork Job ID: 1801701588025607226
• Last Price Increase: 2024-06-14
• Automatic offers:
• jjcoffee | Reviewer | 102766776
• truph01 | Contributor | 102766780

Issue Owner

Current Issue Owner: @sakluger

[melvin-bot]

Triggered auto assignment to @sakluger (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details. Please add this bug to a GH project, as outlined in the SO.

[MelvinBot]

This has been labelled "Needs Reproduction". Follow the steps here: https://stackoverflowteams.com/c/expensify/questions/16989

[sakluger]

No reproduction is needed here, but I've asked @shawnborton and @dannymcclain for a screenshot or mockup of how we'd actually like it to look. I'll leave the Needs Reproduction label on until we have that clarifying screenshot.

[shawnborton]

The rows should look like this:

We're currently using chat rows for the empty state here, and we should be using something that looks a bit more like the final product when the page actually loads.

[melvin-bot]

Job added to Upwork: https://www.upwork.com/jobs/~01902d6c4eb8e8b5f6

[melvin-bot]

Triggered auto assignment to Contributor-plus team member for initial proposal review - @jjcoffee (External)