useSWR

src/components/Login.tsx

@@ -1,10 +1,8 @@
 import {useState} from 'react';
-import useSWR from 'swr';
-import { Link, useNavigate } from 'react-router-dom';
+import { Link } from 'react-router-dom';
 import './Login.css';
-import {getUser, loginUser} from '../services/PhpApi'
-import { toast } from 'react-hot-toast';
-import { TUser } from '../context/UserContext';
+import {loginUser, sleep} from '../services/PhpApi'
+import { toast, Toaster } from 'react-hot-toast';
 
 const Login = () => 
 {
@@ -13,20 +11,6 @@ const Login = () =>
         password:''
     });
 
-    const {data, error, isLoading, mutate} = useSWR('Login', getUser);
-    const navigate = useNavigate();
-
-    if (error) return (<div>failed to load</div>);
-    if (isLoading) return (<div>loading...</div>);
-
-
-    let user: TUser | null;
-    if(data.success)
-    {
-        user = data.user;
-        formData.email = user!.email;
-    }
-
     const onChangeInput = (e: React.FormEvent<HTMLInputElement>) => 
     {
         if(e.currentTarget.type === 'email' || e.currentTarget.type === 'password')
@@ -47,20 +31,25 @@ const Login = () =>
             toast.error('Please Fill in all Required Fields!');
             return;
         }
-        mutate(loginUser, formData)
+        const logResp = await loginUser(formData);
+        if(logResp.success)
+        {
+            toast.success(logResp.message);
+            sleep(1000);
+            window.location.href = '/dog/';
+        }
+        else
+        {
+            toast.error(logResp.message);
+        }
     }
 
     return (
         <div className='Login'>
+            <Toaster toastOptions={{ position: "top-center" }} />
             <h2>Login</h2>
-            { user &&
-            <>
-            <div>Logged in als:</div>
-            <div>{user?.email}</div>
-            <div className="bottom-link"><Link to="/">Home</Link></div> 
-            </> }
 
-            {!user &&<form onSubmit={submitForm}>
+            <form onSubmit={submitForm}>
                 <div>
                     <label htmlFor="email">Email:</label>
                     <input type="email" name="email" onChange={onChangeInput} placeholder="Your email" id="email" value={formData.email} required />
@@ -71,7 +60,7 @@ const Login = () =>
                 </div>
                 <button type="submit">Login</button>
                 <div className="bottom-link"><Link to="/reg">Register</Link></div>
-            </form> }
+            </form>
         </div>
     )
 }