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.
33 lines
1.2 KiB
TypeScript
33 lines
1.2 KiB
TypeScript
2 years ago
|
import { isAdministrator, Solution as SolutionModel } 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 } from '../hooks/useCurrentUser'
|
||
|
|
|
||
|
|
type RouteProps = {
|
||
|
|
uid: string
|
||
|
|
}
|
||
|
|
|
||
|
|
export const UserPage = ({ uid }: RouteProps) => {
|
||
|
|
|
||
|
|
const [user] = useCurrentUser()
|
||
|
|
|
||
|
|
const [solutions, refreshSolutions] = useResource<SolutionModel[]>(`/api/solutions?user=${uid}`, [])
|
||
|
|
const sortedSolutions = sortByStringKey(solutions, s => s.createdAt, false)
|
||
|
|
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<Header />
|
||
|
|
<main class="page-profile">
|
||
|
|
<div class="subtitle">Soluzioni di <a href={prependBaseUrl(`/u/${uid}`)}>@{uid}</a></div>
|
||
|
|
<div class="solution-list">
|
||
|
|
{sortedSolutions.map(solution => (
|
||
|
|
<Solution refreshSolution={refreshSolutions} {...solution} adminControls={user !== null && isAdministrator(user.role)} />
|
||
|
|
))}
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
</>
|
||
|
|
)
|
||
|
|
}
|