react-chat-widget
react-chat-widget copied to clipboard
Chat footer
How would I go about adding a footer below the Sender input component? Something like: Chat Powered By XXX
Here is how I did it using the renderCustomComponent
useEffect(() => { renderCustomComponent(PoweredByLogo, -1); }, []);
Then the component:
class PoweredByLogo extends Component {
render() {
return <a
style={{
color: 'Gray',
textAlign: 'center',
textDecoration: 'none',
fontFamily: 'sans-serif',
fontSize: '1rem',
width: '99%',
position: 'fixed',
bottom: '0',
padding: '5px',
zIndex: 5,
}}
href='link to website'
target="_blank"
>Powered by <span style={{ fontWeight: 'bold'}}>Your Company Name
}
}
export default PoweredByLogo;