improvement: better error messages in frontend

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 (
-			<Redirect
-				to={{ pathname: "/dashboard", state: { from: rest.location } }}
-			/>
-		);
+		return <Redirect to={{ pathname: "/", state: { from: rest.location } }} />;
 	}
 
 	return <Route {...rest} component={Component} />;