From ab79bd3f552389d725ed08a9b85fc6e40bfd274d Mon Sep 17 00:00:00 2001
From: Barry Gitarts <bgitarts@gmail.com>
Date: Fri, 16 Nov 2018 11:35:43 -0500
Subject: [PATCH] add word break to messages

---
 app/components/ChatBox.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/components/ChatBox.js b/app/components/ChatBox.js
index 872d955..3583b3a 100644
--- a/app/components/ChatBox.js
+++ b/app/components/ChatBox.js
@@ -37,7 +37,9 @@ function getYoutubeId(url) {
 
 //TODO use regex for code parsing / detection. Add new line detection for shift+enter
 const MessageRender = ({ message }) => (
-  message[0] === "`" ? <SyntaxHighlighter language='javascript' style={atomDark}>{message.slice(1)}</SyntaxHighlighter> : <Linkify>{message}</Linkify>
+  message[0] === "`"
+  ? <SyntaxHighlighter language='javascript' style={atomDark}>{message.slice(1)}</SyntaxHighlighter>
+  : <Linkify><span style={{ wordWrap: 'break-word' }}>{message}</span></Linkify>
 )
 const ChatBox = ({ username, message, pubkey }) => (
   <Fragment>