fix: contact name not appearing in group tickets

frontend/src/components/MessagesList/index.js

@@ -250,7 +250,7 @@ const reducer = (state, action) => {
 	}
 };
 
-const MessagesList = ({ ticketId }) => {
+const MessagesList = ({ ticketId, isGroup }) => {
 	const classes = useStyles();
 
 	const [messagesList, dispatch] = useReducer(reducer, []);
@@ -471,11 +471,11 @@ const MessagesList = ({ ticketId }) => {
 							{renderDailyTimestamps(message, index)}
 							{renderMessageDivider(message, index)}
 							<div className={classes.messageLeft}>
-								{/* {ticket.isGroup && (
+								{isGroup && (
 									<span className={classes.messageContactName}>
 										{message.contact?.name}
 									</span>
-								)} */}
+								)}
 								{message.mediaUrl && checkMessageMedia(message)}
 								<div className={classes.textContentItem}>
 									{message.body}

frontend/src/components/Ticket/index.js

@@ -8,7 +8,6 @@ import clsx from "clsx";
 import { Paper, makeStyles } from "@material-ui/core";
 
 import ContactDrawer from "../ContactDrawer";
-
 import MessageInput from "../MessageInput/";
 import TicketHeader from "../TicketHeader";
 import TicketInfo from "../TicketInfo";
@@ -147,7 +146,10 @@ const Ticket = () => {
 					/>
 					<TicketActionButtons ticket={ticket} />
 				</TicketHeader>
-				<MessagesList ticketId={ticketId}></MessagesList>
+				<MessagesList
+					ticketId={ticketId}
+					isGroup={ticket.isGroup}
+				></MessagesList>
 				<MessageInput ticketStatus={ticket.status} />
 			</Paper>
 			<ContactDrawer