phc/problemi
6
3
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

all: Aggiunte varie feature e riscritte svariate cose

Browse Source
This commit is contained in:
aziis98
2022-12-01 03:45:29 +01:00
parent bd055f484d
commit 8fdef2981d
22 changed files with 714 additions and 422 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/components/Header.tsx
+34 -30
View File
@@ -1,6 +1,7 @@
import { Link } from 'preact-router/match'
import { isAdministrator, User, UserRole } from '../../shared/model'
import { prependBaseUrl } from '../api'
import { useCurrentUser } from '../hooks/useCurrentUser'
const ROLE_LABEL: Record<UserRole, string> = {
['admin']: 'Admin',
@@ -9,39 +10,42 @@ const ROLE_LABEL: Record<UserRole, string> = {
}
type Props = {
user?: User | null
noLogin?: boolean
}
export const Header = ({ user, noLogin }: Props) => (
<header>
<div class="logo">
<a href={prependBaseUrl('/')}>PHC / Problemi</a>
</div>
<nav>
{user ? (
<>
{isAdministrator(user.role) && (
export const Header = ({ noLogin }: Props) => {
const [user] = useCurrentUser()
return (
<header>
<div class="logo">
<a href={prependBaseUrl('/')}>PHC / Problemi</a>
</div>
<nav>
{user ? (
<>
{isAdministrator(user.role) && (
<div class="nav-item">
<Link activeClassName="active" href={prependBaseUrl('/admin')}>
Pannello Admin
</Link>
</div>
)}
<div class="nav-item">
<Link activeClassName="active" href={prependBaseUrl('/admin')}>
Pannello Admin
<Link activeClassName="active" href={prependBaseUrl('/profile')}>
@{user.id}
{isAdministrator(user.role) && <> ({ROLE_LABEL[user.role]})</>}
</Link>
</div>
)}
<div class="nav-item">
<Link activeClassName="active" href={prependBaseUrl('/profile')}>
@{user.id}
{isAdministrator(user.role) && <> ({ROLE_LABEL[user.role]})</>}
</Link>
</div>
</>
) : (
!noLogin && (
<div class="nav-item">
<Link href={prependBaseUrl('/login')}>Login</Link>
</div>
)
)}
</nav>
</header>
)
</>
) : (
!noLogin && (
<div class="nav-item">
<Link href={prependBaseUrl('/login')}>Login</Link>
</div>
)
)}
</nav>
</header>
)
}