add form errors

resources/js/pages/Auth/ForgotPassword.tsx

@@ -3,29 +3,34 @@ import Field from "../../components/Field";
 import axios from "axios";
 import {useNavigate} from "react-router-dom";
 import useAuthUser from "../../hooks/AuthUser";
+import useAxiosTools from "../../hooks/AxiosTools";
 
 const ForgotPassword = () => {
 
     const [email, setEmail] = useState('')
     const [message, setMessage] = useState(false)
+    const {errorCatch, errorLabel, cleanErrors, axiosGet, axiosPost} = useAxiosTools()
 
     const handleSubmit = async (event: FormEvent) => {
         event.preventDefault()
         try {
-            await axios.get('/sanctum/csrf-cookie')
-            const res = await axios.post('/api/forgot', {email})
+            cleanErrors()
+            await axiosGet('/sanctum/csrf-cookie')
+            const res = await axiosPost('/api/forgot', {email})
             setMessage(true)
         } catch (e) {
-            console.error(e)
+            errorCatch(e)
         }
     }
 
     return <div>
         <form onSubmit={handleSubmit} className="w-96 mx-auto mt-10 border shadow p-3">
-            <h1 className="text-center">Connexion</h1>
+            <h1 className="text-center">Mot de passe oublié</h1>
 
             {message && <p className="bg-green-600">Un email vous a été envoyer pour modifier le mot de passe.</p>}
 
+            {errorLabel()}
+
             <Field type="email"
                    name="email"
                    placeholder="Email"

resources/js/pages/Auth/Login.tsx

@@ -4,6 +4,7 @@ import axios from "axios";
 import {Link, useNavigate} from "react-router-dom";
 import useAuthUser from "../../hooks/AuthUser";
 import Card from "../../components/Card";
+import useAxiosTools from "../../hooks/AxiosTools";
 
 const Login = () => {
 
@@ -11,16 +12,18 @@ const Login = () => {
     const {setAuthUser} = useAuthUser()
     const [email, setEmail] = useState('')
     const [password, setPassword] = useState('')
+    const {errorCatch, errorLabel, cleanErrors, axiosGet, axiosPost} = useAxiosTools()
 
     const handleSubmit = async (event: FormEvent) => {
         event.preventDefault()
         try {
-            await axios.get('/sanctum/csrf-cookie')
-            const res = await axios.post('/api/login', {email, password})
+            cleanErrors()
+            await axiosGet('/sanctum/csrf-cookie')
+            const res = await axiosPost('/api/login', {email, password})
             setAuthUser(res.data.user)
             navigate('/')
         } catch (e) {
-            console.error(e)
+            errorCatch(e)
         }
     }
 
@@ -30,6 +33,7 @@ const Login = () => {
                 <h1 className="text-center bg-blue-500 -mx-2 -mt-1 text-lg font-bold px-2 py-1 mb-2">
                     Connexion
                 </h1>
+                {errorLabel()}
 
                 <Field type="email"
                        name="email"

resources/js/pages/Auth/Reset.tsx

@@ -4,6 +4,7 @@ import React, {FormEvent, useState} from "react";
 import {useNavigate, useParams} from "react-router-dom";
 import useAuthUser from "../../hooks/AuthUser";
 import axios from "axios";
+import useAxiosTools from "../../hooks/AxiosTools";
 
 const Reset = () => {
 
@@ -13,22 +14,26 @@ const Reset = () => {
     const [email, setEmail] = useState('')
     const [password, setPassword] = useState('')
     const [samePassword, setSamePassword] = useState('')
+    const {errorCatch, errorLabel, cleanErrors, axiosGet, axiosPost} = useAxiosTools()
 
     const handleSubmit = async (event: FormEvent) => {
         event.preventDefault()
         try {
-            await axios.get('/sanctum/csrf-cookie')
-            const res = await axios.post('/api/reset', {email, token, password, samePassword})
+            cleanErrors()
+            await axiosGet('/sanctum/csrf-cookie')
+            const res = await axiosPost('/api/reset', {email, token, password, samePassword})
             setAuthUser(res.data.user)
             navigate('/connexion')
         } catch (e) {
-            console.error(e)
+            errorCatch(e)
         }
     }
 
     return <div>
         <form onSubmit={handleSubmit} className="w-96 mx-auto mt-10 border shadow p-3">
-            <h1 className="text-center">Connexion</h1>
+            <h1 className="text-center">Modifier voter mot de passe</h1>
+
+            {errorLabel()}
 
             <Field type="email"
                    name="email"