message box

client/src/pages/Login.tsx

@@ -2,6 +2,7 @@ import { useForm, SubmitHandler } from "react-hook-form";
 import axios from "axios";
 import icon from "../../assets/icon.png";
 import { Link, useNavigate } from "react-router-dom";
+import { useState } from "react";
 
 type Inputs = {
   username: string;
@@ -13,6 +14,9 @@ export default function Login() {
     mode: "onChange",
   });
 
+  //const [validPassword, setValidPassword] = useState(true);
+  const [message, setMessage] = useState("");
+
   const navigate = useNavigate();
   const onSubmit: SubmitHandler<Inputs> = (data) => {
     axios
@@ -21,7 +25,14 @@ export default function Login() {
         navigate("/chat");
       })
       .catch((err) => {
-        console.error(err);
+        if (err.response) {
+          setMessage("");
+          setTimeout(() => {
+            setMessage(err.response.data.message);
+          }, 100);
+
+          console.error(err);
+        }
       });
   };
   return (
@@ -86,6 +97,7 @@ export default function Login() {
                 Sign in
               </button>
             </div>
+            <div className="text-red-400 text-sm">{message}</div>
           </form>
           <p className="text-gray-300 mt-10 text-center text-sm">
             Dont have account?{" "}

client/src/pages/Signup.tsx

@@ -21,13 +21,14 @@ export default function Signup() {
   const navigate = useNavigate();
 
   const [match, setMatch] = useState(true);
+  const [message, setMessage] = useState("");
 
   const onSubmit: SubmitHandler<Inputs> = (data) => {
     if (data.password !== data.sPassword) {
       setMatch(true);
       setTimeout(() => {
         setMatch(false);
-      }, 50);
+      }, 100);
 
       return;
     }
@@ -39,6 +40,12 @@ export default function Signup() {
         console.log("Signed up");
       })
       .catch((err) => {
+        if (err.response) {
+          setMessage("");
+          setTimeout(() => {
+            setMessage(err.response.data.message);
+          }, 100);
+        }
         console.error(err);
       });
   };
@@ -171,6 +178,7 @@ export default function Signup() {
                 Sign up
               </button>
             </div>
+            <div className="text-red-400 text-sm">{message}</div>
           </form>
           <p className="text-white mt-10 text-center text-sm">
             Already have account?{" "}