links

src/ChatMessages.js

@@ -2,17 +2,23 @@ import React from "react";
 import "./style.css";
 
 const ChatBoxMessages = (props) => {
-  var URL_REGEX = /https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)/gi;
-
   
   function Text(content) {
-
 	const words = content.split(' ');
-	return (
-	   {words.map( (word) => ({
-		return word.match(URL_REGEX) ? (<a href={word}>{word}</a>{' '})
-                                             : (word + ' ');})}
-	);
+         return(
+                <p>
+	           {words.map((word) => {
+				return word.startsWith('http') ? (
+					<>
+						<a href={word}>{word}</a>{' '}
+					</>
+				) : (
+					word + ' '
+				);
+			})}
+		</p>
+          
+         );
   }
 
   return (