Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(email): Fixes an issue with Outlook not correctly displaying the OneMAC logo and header #972

Merged
merged 7 commits into from
Jan 6, 2025

Conversation

tbolt
Copy link
Collaborator

@tbolt tbolt commented Jan 6, 2025

🎫 Linked Ticket

OY2-31630

💬 Description / Notes

  • Resolves issue with email banner/header not rendering correctly with Outlook mail client

🛠 Changes

  • Updates email template to not use <header>. I believe this was causing the background to not render. react-email uses <table> for layout and having a <header> nested in it is likely causing the issue.
  • Updates logo to be an inline base64 image. This should avoid the issue where email clients consider it "external content." This point may need to be communicated to the larger team @13bfrancis @thetif. As far as I know it shouldn't cause any issues but it may be worth investigating further.

📸 Screenshots / Demo

Screenshots provided by @andieswift with Outlook client

Before

Screenshot 2025-01-02 at 12 46 54 PM

After

Screenshot 2025-01-06 at 9 24 19 AM

Copy link
Contributor

github-actions bot commented Jan 6, 2025

Coverage Report

Status Category Percentage Covered / Total
🔵 Lines 75.17% 6536 / 8694
🔵 Statements 74.4% 6860 / 9220
🔵 Functions 69.29% 1984 / 2863
🔵 Branches 42.86% 1226 / 2860
File Coverage
File Stmts Branches Functions Lines Uncovered Lines
Changed Files
lib/libs/email/content/email-components.tsx 71.42% 75.75% 80.95% 74% 26, 33-45, 138, 286-291, 296-303
lib/libs/email/content/onemac-logo-base64.ts 100% 100% 100% 100%
Generated in workflow #1339 for commit 9a108a5 by the Vitest Coverage Report Action

Copy link
Collaborator

@andieswift andieswift left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice work figuring this one out!! 💯

Copy link
Collaborator

@asharonbaltazar asharonbaltazar left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

:shipit:

lib/libs/email/content/onemac-logo-base64.ts Outdated Show resolved Hide resolved
@tbolt tbolt temporarily deployed to fix-email-logo January 6, 2025 16:14 — with GitHub Actions Inactive
@tbolt tbolt temporarily deployed to fix-email-logo January 6, 2025 16:17 — with GitHub Actions Inactive
@tbolt tbolt temporarily deployed to fix-email-logo-app January 6, 2025 16:17 — with GitHub Actions Inactive
@tbolt tbolt temporarily deployed to fix-email-logo-kibana January 6, 2025 16:17 — with GitHub Actions Inactive
@tbolt tbolt temporarily deployed to fix-email-logo January 6, 2025 16:17 — with GitHub Actions Inactive
@tbolt tbolt temporarily deployed to fix-email-logo January 6, 2025 16:17 — with GitHub Actions Inactive
@tbolt tbolt temporarily deployed to fix-email-logo January 6, 2025 16:21 — with GitHub Actions Inactive
@tbolt tbolt temporarily deployed to fix-email-logo January 6, 2025 16:21 — with GitHub Actions Inactive
@tbolt tbolt temporarily deployed to fix-email-logo January 6, 2025 16:23 — with GitHub Actions Inactive
@tbolt tbolt temporarily deployed to fix-email-logo January 6, 2025 16:23 — with GitHub Actions Inactive
@tbolt tbolt temporarily deployed to fix-email-logo-app January 6, 2025 16:23 — with GitHub Actions Inactive
@tbolt tbolt temporarily deployed to fix-email-logo-kibana January 6, 2025 16:23 — with GitHub Actions Inactive
@tbolt tbolt temporarily deployed to fix-email-logo January 6, 2025 16:23 — with GitHub Actions Inactive
@tbolt tbolt temporarily deployed to fix-email-logo January 6, 2025 19:56 — with GitHub Actions Inactive
Copy link
Contributor

github-actions bot commented Jan 7, 2025

🎉 This PR is included in version 1.5.0-val.101 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

@asharonbaltazar asharonbaltazar deleted the fix-email-logo branch January 7, 2025 16:59
RanyeM added a commit that referenced this pull request Jan 9, 2025
* feature: adding new FAQ to FAQ page

* feature: question should open corresponding section

* fix: corrected code back to faq page direct link

* fix: removed id

* fix: #5 and #6 to expanded section

* fix: test coverage

* revert package json to what is on main

* fix(email): Fixes an issue with Outlook not correctly displaying the OneMAC logo and header (#972)

* fixed index test

* fix(test): Create mock for calling lambdas (#973)

* Added msw endpoints for Lambda, Step Functions, Secure Token Services, and other related services
* Added/updated test data to support new endpoints
* Updated tests to use the new endpoints instead of mocking individually

* fix(email): switch email logo back to using url

* fix(schema): remove logic for determining next business day for `submissionDate` (#980)

* fix: remove logic for determining next business day for `submissionDate`

* fix: update `submissionDate` value

* feat(ui): Remove status date from package details pages for all users (#965)

* fix(initial verbiage fix): Email verbiage fixes from qa (#974)

* correct verbage for med and chip spa

* fix issues with verbiage need confirmation

* remove comment

* add date and attachment logic

* update snapshots

* Update ChipSpaState.tsx

* test(email): proces email test (#979)

* feat(test)proces email test

* Removed console.log

* linter correction

* removed a ine

* remove brackets

* add region

* Address change reqeust

* feat(test)-submit lambda (#987)

* feat(test)-submit lambda

* Update withdrawpackage to withdrawrai

* linter corrections

* Fix some test

* Test for malformed objects

* Remove import vs code added in

* remove console.log

* Updatign to use get requestcontext

* feat(test) fix email test (#991)

* feat(test) fix email test
* Update processEmails.test.ts

* fix(os) helpers for getting domain and index for opensearch (#992)

* created helpers for getting domain and index for opensearch
* fixed import

* feat(test) updates to s3 calls on backend (#985)

* updates to s3 calls on backend

* feat(test)-unauthorized submission test (#996)

* feat(amend): Add waiver amendment emails (#993)

* Feat(playwright performance): Pw perf tests (#959)

* feat: initial perf tests for routes

fix: refactor

* Fix: updated per review comments

---------

Co-authored-by: asharonbaltazar <58940073+asharonbaltazar@users.noreply.github.com>

---------

Co-authored-by: 13bfrancis <40218571+13bfrancis@users.noreply.github.com>
Co-authored-by: Ty Bolt <tybolt@gmail.com>
Co-authored-by: Tiffany Forkner <thetif@gmail.com>
Co-authored-by: asharonbaltazar <58940073+asharonbaltazar@users.noreply.github.com>
Co-authored-by: James Dinh <jdinh8124@gmail.com>
Co-authored-by: Thomas Walker <thomas.e.walker88@gmail.com>
Co-authored-by: Benjamin Paige <benjamin.paige@gmail.com>
Co-authored-by: Jon Schaffer <jschaffer@gswell.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants