useSWR

php/php-dog/getProfilData.php

@@ -18,7 +18,7 @@ $conn = $db_connection->dbConnection();
 $returnData = new CMsg(0);
 $fields = ['fields' => ['qr_id']];
 
-if(isset($_SESSION['user'])) 
+if(!isset($_SESSION['user'])) 
 {
     $returnData = new CMsg(0,422,'Please Login!');
 }
@@ -26,7 +26,7 @@ if(isset($_SESSION['user']))
 else 
 {
     $user = $_SESSION['user'];
-    $qr_id = trim($user->qr_id);
+    $qr_id = trim($user['qr_id']);
 
     try
     {

src/components/Header.tsx

@@ -1,29 +1,25 @@
-import React, { useContext } from 'react'
 import './Header.css';
 import '../App.css';
-import { useNavigate } from 'react-router-dom';
-import {Axios} from '../services/PhpApi'
+import {Axios, logOut, sleep} from '../services/PhpApi'
+import { toast, Toaster } from 'react-hot-toast';
 
 
-function Header() {
-    const navigate = useNavigate();
-
-    const logOut = () =>
+function Header() 
 {
-        Axios.post('logout.php')
-        .then((res) =>
+    const logOutForm = () =>
     {
-            console.log(res);    
-        })
-        .catch((err) => console.error(err));
+        logOut();
+        toast.success("logged out!");
     
-        navigate('/'); // login      
+        sleep(1000);
+        window.location.href = '/dog/';
     }
         
     return (
     <div className='logout'>
+        <Toaster toastOptions={{ position: "top-center" }} />
         <div className='noprint'>Header</div>
-        <button onClick={logOut}>Logout</button>
+        <button onClick={logOutForm}>Logout</button>
     </div>
   );
 }

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>
     )
 }

src/components/Profil.tsx

@@ -30,8 +30,9 @@ function Profil()
         email: data.email,
         name: data.name
     };
-        
+    console.log('Profil data');    
     console.log(data);
+    console.log('Profil user');    
     console.log(user);
 
             // setDog(data);
@@ -98,6 +99,7 @@ function Profil()
     formData.email = data.data.email;
     formData.name = data.data.name;
     formData.phone = data.data.phone;
+    console.log('Profil formData');
     console.log(formData);
     return (
         <div className='Profil'>

src/services/PhpApi.ts

@@ -111,11 +111,7 @@ export const loginUser = async ({email,password}:{email: string, password: strin
         });
 
         const {data} = postReturn;
-        if(data.success && data.data)
-        {
-            return {success:1};
-        }
-        return {success:0, message:data.message};
+        return data;
     }
     catch(err)
     {
@@ -136,6 +132,7 @@ export const getProfilData = async () =>
         return null;
     }
 }
+
 export const getUser = async () => 
 {
     const res = await Axios.get('getUser.php');
@@ -143,5 +140,19 @@ export const getUser = async () =>
     return data;
 }
 
+export const logOut = () =>
+{
+    Axios.post('logout.php')
+    .then((res) =>
+    {
+        console.log('Header logout');
+        console.log(res);    
+    })
+    .catch((err) => console.error(err));
+}
 
+export const sleep = (ms: number) => 
+{
+    return new Promise((resolve) => setTimeout(resolve, ms));
+};