You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
1.5 KiB
TypeScript
46 lines
1.5 KiB
TypeScript
import { route } from 'preact-router'
|
|
import { isAdministrator, Solution as SolutionModel, User } from '../../shared/model'
|
|
import { sortByStringKey } from '../../shared/utils'
|
|
import { prependBaseUrl } from '../api'
|
|
import { Header } from '../components/Header'
|
|
import { Solution } from '../components/Solution'
|
|
import { useResource } from '../hooks'
|
|
import { useCurrentUser, useUserFunctions } from '../hooks/useCurrentUser'
|
|
|
|
export const ProfilePage = ({}) => {
|
|
const [user, ready] = useCurrentUser()
|
|
if (!ready) {
|
|
return <></>
|
|
}
|
|
if (!user) {
|
|
route(prependBaseUrl('/login'), true)
|
|
return <></>
|
|
}
|
|
|
|
const { logout } = useUserFunctions()!
|
|
|
|
const handleLogout = async () => {
|
|
await logout()
|
|
route(prependBaseUrl('/'))
|
|
}
|
|
|
|
const [solutions, refreshSolutions] = useResource<SolutionModel[]>(`/api/solutions?user=${user.id}`, [])
|
|
const sortedSolutions = sortByStringKey(solutions, s => s.createdAt, false)
|
|
|
|
return (
|
|
<>
|
|
<Header />
|
|
<main class="page-profile">
|
|
<div class="subtitle">Profilo</div>
|
|
<button onClick={handleLogout}>Logout</button>
|
|
<div class="subtitle">Le tue soluzioni</div>
|
|
<div class="solution-list">
|
|
{sortedSolutions.map(solution => (
|
|
<Solution refreshSolution={refreshSolutions} {...solution} adminControls={isAdministrator(user.role)} />
|
|
))}
|
|
</div>
|
|
</main>
|
|
</>
|
|
)
|
|
}
|