[$250] Task – Assignee avatar is greyed out in main chat when complete a task

[IuliiaHerets]

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: 9.0.31-5
Reproducible in staging?: Y
Reproducible in production?: N/A
Email or phone of affected tester (no customers): applausetester+jp_e_category_2@applause.expensifail.com
Issue reported by: Applause Internal Team

Action Performed:

1. Go to https://staging.new.expensify.com/
2. Log in
3. Navigate to any chat
4. Create a task and assign to any user
5. In the main chat mark this task as complete using checkbox

Expected Result:

Assignee avatar is not greyed out

Actual Result:

Assignee avatar is greyed out

Workaround:

Unknown

Platforms:

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

Screenshots/Videos

Bug6597978_1725913627103.Completed_task.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021833261573770418634
• Upwork Job ID: 1833261573770418634
• Last Price Increase: 2024-09-09

Issue Owner

Current Issue Owner: @rushatgabhane

[melvin-bot]

Triggered auto assignment to @VictoriaExpensify (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.

[melvin-bot]

Triggered auto assignment to @deetergp (DeployBlockerCash), see https://stackoverflowteams.com/c/expensify/questions/9980/ for more details.

[github-actions]

👋 Friendly reminder that deploy blockers are time-sensitive ⏱ issues! Check out the open `StagingDeployCash` deploy checklist to see the list of PRs included in this release, then work quickly to do one of the following:

1. Identify the pull request that introduced this issue and revert it.
2. Find someone who can quickly fix the issue.
3. Fix the issue yourself.

[Nodebrute]

Edited by proposal-police: This proposal was edited at 2024-09-09 21:36:31 UTC.

Proposal

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

Assignee avatar is greyed out in main chat when complete a task

What is the root cause of that problem?

We are adding semi transparent styles on avatar here styles.opacitySemiTransparent

App/src/components/ReportActionItem/TaskPreview.tsx

Line 116 in 4d250ac

containerStyles={[styles.mr2, styles.alignSelfCenter, isTaskCompleted ? styles.opacitySemiTransparent : undefined]}

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

We can remove these styles from here

    <Avatar
                            containerStyles={[styles.mr2, styles.alignSelfCenter]}

What alternative solutions did you explore? (Optional)

[melvin-bot]

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