feat: make links in chat clickable

react/features/chat/components/native/ChatMessage.js

@@ -5,6 +5,7 @@ import { Text, View } from 'react-native';
 
 import { Avatar } from '../../../base/avatar';
 import { translate } from '../../../base/i18n';
+import { Linkify } from '../../../base/react';
 
 import AbstractChatMessage, { type Props } from '../AbstractChatMessage';
 import styles from './styles';
@@ -42,6 +43,13 @@ class ChatMessage extends AbstractChatMessage<Props> {
             textWrapperStyle.push(styles.systemTextWrapper);
         }
 
+        const messageText = message.messageType === 'error'
+            ? this.props.t('chat.error', {
+                error: message.error,
+                originalText: message.message
+            })
+            : message.message;
+
         return (
             <View style = { styles.messageWrapper } >
                 { this._renderAvatar() }
@@ -51,14 +59,9 @@ class ChatMessage extends AbstractChatMessage<Props> {
                             this.props.showDisplayName
                                 && this._renderDisplayName()
                         }
-                        <Text style = { styles.messageText }>
-                            { message.messageType === 'error'
-                                ? this.props.t('chat.error', {
-                                    error: message.error,
-                                    originalText: message.message
-                                })
-                                : message.message }
-                        </Text>
+                        <Linkify linkStyle = { styles.chatLink }>
+                            { messageText }
+                        </Linkify>
                     </View>
                     { this.props.showTimestamp && this._renderTimestamp() }
                 </View>