calibreapp/react-live-chat-loader

[Bug] HelpScout had updated its Beacon visuals, resulting in difference between the pre loaded and loaded beacon

metalmarker opened this issue · 1 comments

Describe the bug

HelpScout had recently updated its beacon visuals. The container changed from a circle into a rectangle with rounded corners, and the icons have changed slightly as well.

As a result, the visuals of the pre-loaded container/icon used by react-live-loaded and the new beacon visuals no longer match, causing a visual "shift" once the library loads.

Screenshots

Old beacon with message icon:
Screenshot 2024-08-09 at 4 37 18 PM

New:
Screenshot 2024-08-09 at 4 26 08 PM

The relevant code to update the icon can be found in components/Helpscout.

If anyone is interested in contributing this update, I'll be happy to review and get it released.