rzmk/learnhouse
1
0
Fork 0
mirror of https://github.com/rzmk/learnhouse.git synced 2025-12-19 04:19:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: Header Role Indicator + Disable course creation wording if user isn't connected

Browse source
This commit is contained in:
swve 2024-03-19 22:34:28 +01:00
parent a124cde229
commit 7398e9e946
9 changed files with 85 additions and 169 deletions
Download patch file Download diff file Expand all files Collapse all files

13
apps/web/components/Security/HeaderProfileBox.tsx
View file

@ -1,13 +1,19 @@
'use client'
import React from 'react'
import React, { useEffect } from 'react'
import styled from 'styled-components'
import Link from 'next/link'
import { Settings } from 'lucide-react'
import { useSession } from '@components/Contexts/SessionContext'
import UserAvatar from '@components/Objects/UserAvatar'
import useAdminStatus from '@components/Hooks/useAdminStatus'
export const HeaderProfileBox = () => {
const session = useSession() as any
const isUserAdmin = useAdminStatus() as any
useEffect(() => {
}
, [session])
return (
<ProfileArea>
@ -26,7 +32,10 @@ export const HeaderProfileBox = () => {
{session.isAuthenticated && (
<AccountArea className="space-x-0">
<div className="flex items-center space-x-2">
<div className="text-xs">{session.user.username} </div>
<div className='flex items-center space-x-2' >
<p className='text-sm'>{session.user.username}</p>
{isUserAdmin && <div className="text-[10px] bg-rose-300 px-2 font-bold rounded-md shadow-inner py-1">ADMIN</div>}
</div>
<div className="py-4">
<UserAvatar border="border-4" rounded="rounded-lg" width={30} />
</div>