yevhen/yo-next-auth
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add client/admin pages, show info and created admin api and server actions

Browse Source
This commit is contained in:
Yevhen Odynets
2024-04-28 19:32:31 +03:00
parent db66161d81
commit d6b259d71c
33 changed files with 458 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
components/auth/user-button.tsx
View File

@@ -3,26 +3,29 @@
import { useCurrentUser } from '@/hooks/useCurrentUser'
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/ui/dropdown-menu'
import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
import { FaUser } from 'react-icons/fa6'
import { IoExitOutline } from 'react-icons/io5'
import LogoutButton from '@/components/auth/logout-button'
const fallbackInitials = (name?: string | null | undefined): string => {
return (name ?? '').split(' ').map((w: string) => w[0]).join('').toUpperCase()
}
const UserButton = () => {
const user = useCurrentUser()
return (
<DropdownMenu>
<DropdownMenuTrigger>
<DropdownMenuTrigger className="outline-0">
<Avatar>
<AvatarImage src={user?.image || ''} alt="User Avatar"/>
<AvatarFallback className="bg-sky-400">
<FaUser className="text-muted"/>
<AvatarFallback className="bg-sky-600 text-muted text-lg font-light">
{fallbackInitials(user?.name)}
</AvatarFallback>
</Avatar>
</DropdownMenuTrigger>
<DropdownMenuContent className="w-40" align="end">
<DropdownMenuContent className="w-28 p-0" align="end">
<LogoutButton>
<DropdownMenuItem className="cursor-pointer">
<DropdownMenuItem className="cursor-pointer p-2">
<IoExitOutline className="w-4 h-4 mr-2"/>
Logout
</DropdownMenuItem>