clean css

resources/js/pages/Auth/Profile.tsx

@@ -1,19 +1,24 @@
 import React from "react";
 import useAuthUser from "../../hooks/AuthUser";
+import PageLayout from "../../components/PageLayout";
 
 const Profile = () => {
 
-    const {authUser} = useAuthUser()
+    const {authUser, logout} = useAuthUser()
 
-    return <>
-        <h1>Profile</h1>
+    return <PageLayout>
+        <h1 className="text-lg font-bold mb-5">Profile</h1>
         <div>
-            <span>Nom: <strong>{authUser?.name}</strong></span>
+            <div>Nom: <strong>{authUser?.name}</strong></div>
+            <div>Email: <strong>{authUser?.email}</strong></div>
         </div>
-        <div>Update name & email</div>
-        <div>Change password</div>
-        <div>Delete Account</div>
-    </>
+        <div>
+            <button onClick={logout} className="mt-5 bg-blue-700 text-white px-5 py-2 text-lg rounded">Se déconnecter</button>
+        </div>
+        {/*<div>Update name & email</div>*/}
+        {/*<div>Change password</div>*/}
+        {/*<div>Delete Account</div>*/}
+    </PageLayout>
 }
 
 export default Profile