Comments (6)
My background color workaround is imperfect because it briefly shows blue before switching to my color. However, it seems that could be solved just removing this setTimeout?
react-live-chat-loader/src/providers/intercom.ts
Lines 67 to 72 in 8003539
Why is there an extra two seconds of wait time when waitForLoad
has already waited?
Thanks.
from react-live-chat-loader.
Hey @zaptrem, in the repo README
we say:
You can customise the color of the Intercom widget by passing a color prop to the Intercom component.
Have you tried using the color
prop? I noticed you've said:
I'd like for either the color prop to also apply to the background
Looking at the implementation, the color
property is applied to the background..
Did you want to give that a try and let me know how it goes?
Why is there an extra two seconds of wait time when waitForLoad has already waited?
To be perfectly honest, I don't remember. Casting back to when it was implemented (and reading the code comment), I think it was because waitForLoad fired before all resources were ready, so there was a visual glitch. The 2 second delay was likely a workaround for that.
from react-live-chat-loader.
Looking at the implementation, the
color
property is applied to the background..
It seems to be applied to the background of the button, not the actual Intercom interface. If I were to remove the two second wait for you what should I test to verify it doesn't break anything?
from react-live-chat-loader.
Ah, I understand. Thanks for the clarification. To set Intercom properties, you should use window.intercomSettings
messenger settings. You can find the docs for that here.
On our README.md we say:
User or Company context data can be set using window.intercomSettings. See the official Intercom documentation for more details.
Which is misleading, because messenger settings can be set also. I've updated the README (#135) to reflect that.
from react-live-chat-loader.
Ah, I understand. Thanks for the clarification. To set Intercom properties, you should use
window.intercomSettings
messenger settings. You can find the docs for that here.On our README.md we say:
User or Company context data can be set using window.intercomSettings. See the official Intercom documentation for more details.
Which is misleading, because messenger settings can be set also. I've updated the README (#135) to reflect that.
I was able to use that to fix my issue. Thanks!
from react-live-chat-loader.
Great news! Thanks for reporting back @zaptrem ⚡
from react-live-chat-loader.
Related Issues (20)
- [Bug] Doesn't works with React 18 HOT 3
- [Feature Request] Drift.com Left/Right Align HOT 1
- How to use this for a Webflow website HOT 1
- Load chat button remains when HelpScout is maximised and router changes HOT 1
- [Bug] HelpScout doesn't toggle off HOT 2
- [Bug] Chat widget doesn't load when there's a CSS animation on the page. HOT 4
- [Feature Request] How to handle errors
- [Bug] Overlapping images in Intercom widget HOT 7
- [Bug] CORS ISSUE with messenger HOT 1
- [Bug] dist bundle no longer transpiled to es5 HOT 4
- [Feature Request] Custom chat support and better treeshaking HOT 2
- [Feature Request] Intercom icon HOT 3
- [Bug] Overlapping placeholder intercom icon with Intercom widget HOT 3
- [Bug] Intercom seems not to work on NextJS 13 HOT 5
- [Feature Request] Browser never idle when a lottie animation runs HOT 1
- [Feature Request] Implementing FrontChat Provider HOT 3
- [Bug] Uncaught SyntaxError: Unexpected token '.' in Chrome < 80 HOT 4
- [Bug] Release 2.9.0 Empty Build Contents HOT 2
- [Feature Request] Support for Salesforce "Messaging for Web" HOT 1
- Option to hide the intercom widget icon on specific pages HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-live-chat-loader.