eReceipt Footer Logo Color Should Match Top Logo and Transaction Date/Card Text

[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: v9.2.1-6
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: @shawnborton
Slack conversation (hyperlinked to channel name): #Expensify Bugs

Action Performed:

1. Navigate to Reports > Expenses
2. Open any reports with ereceipts
3. Observe the color of the Expensify logo

Expected Result:

The color should match the Top Logo and Transaction Date/Card Text

Actual Result:

The Expensify logo in the footer is always green.

Workaround:

Unknown

Platforms:

Select the officially supported platforms where the issue was reproduced:

• Android: App
• Android: mWeb Chrome
• iOS: App
• iOS: mWeb Safari
• iOS: mWeb Chrome
• Windows: Chrome
• MacOS: Chrome / Safari
• MacOS: Desktop

Platforms Tested:

On which of our officially supported platforms was this issue tested:

• Android: App
• Android: mWeb Chrome
• iOS: App
• iOS: mWeb Safari
• iOS: mWeb Chrome
• Windows: Chrome
• MacOS: Chrome / Safari
• MacOS: Desktop

Screenshots/Videos

Add any screenshot/video evidence

Recording.1594.mp4

View all open jobs on GitHub

[melvin-bot]

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

[melvin-bot]

💬 A slack conversation has been started in #expensify-open-source

[samranahm]

Proposal

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

eReceipt Footer Logo Color Should Match Top Logo and Transaction Date/Card Text

What is the root cause of that problem?

We are using secondary color here

App/src/components/EReceipt.tsx

Lines 143 to 148 in 7784925

	<Icon
	width={variables.eReceiptWordmarkWidth}
	height={variables.eReceiptWordmarkHeight}
	fill={secondaryColor}
	src={Expensicons.ExpensifyWordmark}
	/>

but we apply primaryTextColorStyle

App/src/components/EReceipt.tsx

Line 112 in 7784925

<Text style={[styles.eReceiptGuaranteed, primaryTextColorStyle]}>{translate('eReceipt.guaranteed')}</Text>

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

We should use primaryColor as we use on other text

<Icon
    width={variables.eReceiptWordmarkWidth}
    height={variables.eReceiptWordmarkHeight}
    fill={primaryColor}
    src={Expensicons.ExpensifyWordmark}
/>

What specific scenarios should we cover in automated tests to prevent reintroducing this issue in the future?

N/A

What alternative solutions did you explore? (Optional)

Reminder: Please use plain English, be brief and avoid jargon. Feel free to use images, charts or pseudo-code if necessary. Do not post large multi-line diffs or write walls of text. Do not create PRs unless you have been hired for this job.