jtpmcdevitt/web_next
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

created profile page

Browse source
This commit is contained in:
Juthatip McDevitt 2024-05-14 16:42:29 -05:00
parent e755ac6619
commit cac19385a9
2 changed files with 39 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
donutshop_ecommerce/src/app/profile/page.js Normal file
View file

@ -0,0 +1,28 @@
"use client"
import { useSession } from 'next-auth/react'
import { redirect } from 'next/navigation';
import React from 'react'
const ProfilePage = () => {
const session = useSession();
const {status} = session;
if(status === 'loading'){
return 'Loading...'
}
if(status === 'unauthenticated'){
return redirect('/login');
}
return (
<div className='px-5'>
<p className='text-center text-2xl font-semibold uppercase mb-5 text-[#FF5580]'>Profile</p>
</div>
)
}
export default ProfilePage

16
donutshop_ecommerce/src/components/layout/Header.js
View file

@ -15,7 +15,13 @@ const Header = () => {
//use session
const session = useSession();
const status = session.status;
const status = session?.status;
//use userdata
const userData = session.data?.user;
let userName = userData?.name || userData?.email;
if(userName && userName.includes(' ')){
userName = userName.split(' ')[0]
}
return (
@ -43,17 +49,17 @@ const Header = () => {
</div>
<div className='mt-3'>
<div className="flex justify-end md:justify-center items-center w-full text-white">
<ul className="hidden md:flex flex-row gap-5 text-xs font-semibold uppercase text-[#95743D] items-center">
<ul className="hidden md:flex flex-row gap-4 text-xs font-semibold uppercase text-[#95743D] items-center">
{status === 'authenticated' && (
<>
<Link href={'/profile'}>Profile</Link>
<button onClick={() => signOut()} className="px-2 py-2 border border-[#DCA0AE] rounded-full hover:bg-[#DCA0AE] hover:text-white duration-300 uppercase">Logout</button>
<Link href={'/profile'} className="text-gray-700 text-sm capitalize">{userName}</Link>
<button onClick={() => signOut()} className="px-4 py-2 border border-[#DCA0AE] rounded-full hover:bg-[#DCA0AE] hover:text-white duration-300 uppercase">Logout</button>
</>
)}
{status === 'unauthenticated' && (
<>
<Link href='/login' className="">Login</Link>
<Link href='/register' className="px-2 py-2 border border-[#DCA0AE] rounded-full hover:bg-[#DCA0AE] hover:text-white duration-300">Register</Link>
<Link href='/register' className="px-4 py-2 border border-[#DCA0AE] rounded-full hover:bg-[#DCA0AE] hover:text-white duration-300">Register</Link>
</>
)}