Links in messages should be highlighted and clickable

[znat]

See discussion here: botfront/rasa-addons#15

[amn41]

I'm happy to work on this - shall I give it a try?

[znat]

That would be wonderful! Le ven. 5 oct. 2018 13 h 04, Alan Nichol <notifications@github.com> a écrit :

…

I'm happy to work on this - shall I give it a try? — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#2 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ADhgKqsAP6iWXyYWw01Olm84I4Iyw9mYks5uh5EkgaJpZM4XAk2m> .

[amn41]

Awesome, I'm having a bit of trouble with npm, but it should really just be this diff:

file:
/src/components/Widget/components/Conversation/components/Messages/components/Message/index.js

 import React, { PureComponent } from 'react';
 import { PROP_TYPES } from 'constants';
+import { linkify } from 'linkify';
 
 import './styles.scss';
 
 class Message extends PureComponent {
   render() {
+    const content = linkify(this.props.message.get('text'));
     return (
       <div className={this.props.message.get('sender')}>
         <div className="message-text" >
-          <p style={{ margin: '0' }}>{this.props.message.get('text')}</p>
+          <p style={{ margin: '0' }}>{content}</p>
         </div>
       </div>
     );

• adding linkify to the package.json. @znat could you maybe give it a quick try?

[znat]

@amn41 - It's done and published