react-chat-widget icon indicating copy to clipboard operation
react-chat-widget copied to clipboard

Chat footer

Open abel-masila opened this issue 4 years ago • 1 comments

How would I go about adding a footer below the Sender input component? Something like: Chat Powered By XXX

abel-masila avatar Jun 08 '21 00:06 abel-masila

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;

KylerHansen avatar Aug 19 '22 20:08 KylerHansen