fix: remove ticket from all users when deleted

frontend/src/components/MessagesList/index.js

@@ -293,11 +293,13 @@ const MessagesList = () => {
 					const { data } = await api.get("/messages/" + ticketId, {
 						params: { pageNumber },
 					});
+
 					setContact(data.ticket.contact);
 					setTicket(data.ticket);
 					dispatch({ type: "LOAD_MESSAGES", payload: data.messages });
 					setHasMore(data.hasMore);
 					setLoading(false);
+
 					if (pageNumber === 1 && data.messages.length > 1) {
 						scrollToBottom();
 					}
@@ -318,7 +320,7 @@ const MessagesList = () => {
 
 	useEffect(() => {
 		const socket = openSocket(process.env.REACT_APP_BACKEND_URL);
-		socket.emit("joinChatBox", ticketId, () => {});
+		socket.emit("joinChatBox", ticketId);
 
 		socket.on("appMessage", data => {
 			if (data.action === "create") {
@@ -330,6 +332,17 @@ const MessagesList = () => {
 			}
 		});
 
+		socket.on("ticket", data => {
+			if (data.action === "updateStatus") {
+				setTicket(data.ticket);
+			}
+
+			if (data.action === "delete") {
+				toast.success("The deleted sucessfully.");
+				history.push("/tickets");
+			}
+		});
+
 		socket.on("contact", data => {
 			if (data.action === "update") {
 				setContact(data.contact);
@@ -339,7 +352,7 @@ const MessagesList = () => {
 		return () => {
 			socket.disconnect();
 		};
-	}, [ticketId]);
+	}, [ticketId, history]);
 
 	const loadMore = () => {
 		setPageNumber(prevPageNumber => prevPageNumber + 1);
@@ -585,11 +598,12 @@ const MessagesList = () => {
 						subheader={
 							loading ? (
 								<Skeleton animation="wave" width={80} />
-							) : (
-								ticket.user &&
+							) : ticket.user ? (
 								`${i18n.t("messagesList.header.assignedTo")} ${
 									ticket.user.name
 								}`
+							) : (
+								"Pending"
 							)
 						}
 					/>

frontend/src/components/TicketOptionsMenu/index.js

@@ -17,8 +17,6 @@ const TicketOptionsMenu = ({ ticket, menuOpen, handleClose, anchorEl }) => {
 	const handleDeleteTicket = async () => {
 		try {
 			await api.delete(`/tickets/${ticket.id}`);
-			toast.success("Ticket deletado com sucesso.");
-			history.push("/tickets");
 		} catch (err) {
 			toast.error("Erro ao deletar o ticket");
 		}