feat: #14 allow multiline messages

backend/src/controllers/MessageController.ts

@@ -43,6 +43,8 @@ export const store = async (req: Request, res: Response): Promise<Response> => {
 
   const ticket = await ShowTicketService(ticketId);
 
+  console.log(body);
+
   let sentMessage: WbotMessage;
 
   if (media) {

frontend/src/components/MessageInput/index.js

@@ -326,7 +326,7 @@ const MessageInput = () => {
 						disabled={recording || loading}
 						onPaste={handleInputPaste}
 						onKeyPress={e => {
-							if (loading) return;
+							if (loading || e.shiftKey) return;
 							else if (e.key === "Enter") {
 								handleSendMessage();
 							}

frontend/src/components/MessagesList/index.js

@@ -122,6 +122,7 @@ const useStyles = makeStyles(theme => ({
 		display: "block",
 		position: "relative",
 
+		whiteSpace: "pre-wrap",
 		backgroundColor: "#ffffff",
 		color: "#303030",
 		alignSelf: "flex-start",
@@ -145,6 +146,7 @@ const useStyles = makeStyles(theme => ({
 		display: "block",
 		position: "relative",
 
+		whiteSpace: "pre-wrap",
 		backgroundColor: "#dcf8c6",
 		color: "#303030",
 		alignSelf: "flex-end",