improvement: better error messages in frontend

backend/src/controllers/ContactController.js

@@ -41,13 +41,23 @@ exports.store = async (req, res) => {
 	const io = getIO();
 	const newContact = req.body;
 
-	const result = await wbot.isRegisteredUser(`${newContact.number}@c.us`);
+	let isValidNumber;
 
-	if (!result) {
+	try {
+		isValidNumber = await wbot.isRegisteredUser(`${newContact.number}@c.us`);
+	} catch (err) {
+		console.log("Could not check whatsapp contact. Is session details valid?");
+		return res.status(500).json({
+			error: "Could not check whatsapp contact. Check connection page.",
+		});
+	}
+
+	if (!isValidNumber) {
 		return res
 			.status(400)
 			.json({ error: "The suplied number is not a valid Whatsapp number" });
 	}
+
 	const profilePicUrl = await wbot.getProfilePicUrl(
 		`${newContact.number}@c.us`
 	);

backend/src/controllers/MessageController.js

@@ -125,6 +125,7 @@ exports.store = async (req, res, next) => {
 		],
 	});
 
+	try {
 		if (media) {
 			const newMedia = MessageMedia.fromFilePath(req.file.path);
 
@@ -148,9 +149,14 @@ exports.store = async (req, res, next) => {
 			);
 			await ticket.update({ lastMessage: message.body });
 		}
+	} catch (err) {
+		console.log(
+			"Could not create whatsapp message. Is session details valid? "
+		);
+	}
 
+	if (sentMessage) {
 		message.id = sentMessage.id.id;
-
 		const newMessage = await ticket.createMessage(message);
 
 		const serialziedMessage = {
@@ -172,4 +178,9 @@ exports.store = async (req, res, next) => {
 		await setMessagesAsRead(ticket);
 
 		return res.json({ newMessage, ticket });
+	}
+
+	return res
+		.status(500)
+		.json({ error: "Cannot sent whatsapp message. Check connection page." });
 };

frontend/src/components/ContactModal/index.js

@@ -86,7 +86,8 @@ const ContactModal = ({ open, onClose, contactId }) => {
 				await api.post("/contacts", values);
 			}
 		} catch (err) {
-			alert(err);
+			alert(err.response.data.error);
+			console.log(err);
 		}
 		handleClose();
 	};

frontend/src/components/MessageInput/index.js

@@ -163,8 +163,8 @@ const MessageInput = () => {
 		try {
 			await api.post(`/messages/${ticketId}`, formData);
 		} catch (err) {
+			alert(err.response.data.error);
 			console.log(err);
-			alert(err);
 		}
 		setLoading(false);
 		setMedia(mediaInitialState);
@@ -182,7 +182,8 @@ const MessageInput = () => {
 		try {
 			await api.post(`/messages/${ticketId}`, message);
 		} catch (err) {
-			alert(err);
+			alert(err.response.data.error);
+			console.log(err);
 		}
 		setInputMessage("");
 		setShowEmoji(false);
@@ -217,20 +218,19 @@ const MessageInput = () => {
 				}
 				const formData = new FormData();
 				const filename = `${new Date().getTime()}.mp3`;
-				console.log(blob);
 				formData.append("media", blob, filename);
 				formData.append("body", filename);
 				formData.append("fromMe", true);
 				try {
 					await api.post(`/messages/${ticketId}`, formData);
 				} catch (err) {
+					alert(err.response.data.error);
 					console.log(err);
-					alert(err);
 				}
 				setRecording(false);
 				setLoading(false);
 			})
-			.catch(e => console.log(e));
+			.catch(err => console.log(err));
 	};
 
 	const handleCancelAudio = () => {

frontend/src/routes/Route.js

@@ -32,11 +32,7 @@ const RouteWrapper = ({ component: Component, isPrivate = false, ...rest }) => {
 	}
 
 	if (isAuth && !isPrivate) {
-		return (
+		return <Redirect to={{ pathname: "/", state: { from: rest.location } }} />;
-			<Redirect
-				to={{ pathname: "/dashboard", state: { from: rest.location } }}
-			/>
-		);
 	}
 
 	return <Route {...rest} component={Component} />;