diff --git a/chat/consumers.py b/chat/consumers.py index 671d1c74..23dd9e9b 100644 --- a/chat/consumers.py +++ b/chat/consumers.py @@ -49,16 +49,8 @@ class ChatRoomConsumer(AsyncWebsocketConsumer): message = event["message"] nick = event["nick"] - # Insert a white space in words longer than 22 characters. - # Helps when messages overflow in a single line. - words = message.split(" ") - fix_message = "" - for word in words: - word = " ".join(word[i:i + 22] for i in range(0, len(word), 22)) - fix_message = fix_message + " " + word - await self.send(text_data=json.dumps({ - "message": fix_message, + "message": message, "user_nick": nick, })) diff --git a/frontend/src/components/Chat.js b/frontend/src/components/Chat.js index f5f8b048..6bfdfdc9 100644 --- a/frontend/src/components/Chat.js +++ b/frontend/src/components/Chat.js @@ -67,7 +67,7 @@ export default class Chat extends Component { {/* If message sender is not our nick, gray color, if it is our nick, green color */} {message.userNick == this.props.ur_nick ? - : - } - style={{backgroundColor: '#fcfcfc'}} - title={message.userNick} - subheader={message.msg} - />} + avatar={ + + } + style={{backgroundColor: '#fcfcfc'}} + title={message.userNick} + subheader={message.msg} + subheaderTypographyProps={{sx: {wordWrap: "break-word", width: 200}}} + />} >)}