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

feat: aggiunte feature per l'admin e cambiamenti stilistici minori

Browse Source
This commit is contained in:
aziis98
2023-01-11 12:08:40 +01:00
parent 1e1b94e8f7
commit 14b9eee816
7 changed files with 264 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/pages/UserPage.tsx
+42 -39
View File
@@ -11,45 +11,48 @@ type RouteProps = {
}
export const UserPage = ({ uid }: RouteProps) => {
const [user] = useCurrentUser()
const [stats] = useResource<null | Record<string, SolutionStat>>(`/api/stats`, null)
if (stats) {
const userStats = stats[uid]
const [solutions, refreshSolutions] = useResource<SolutionModel[]>(`/api/solutions?user=${uid}&public`, [])
const sortedSolutions = sortByStringKey(solutions, s => s.createdAt, false)
return (
<>
<Header />
<main class="page-profile">
<div class="title">
Profilo di <a href={prependBaseUrl(`/u/${uid}`)}>@{uid}</a>
</div>
<hr />
<div class="subtitle">Statistiche</div>
<div class="info">
<div>Soluzioni inviate</div>
<div>Soluzioni corrette</div>
<div class="info-box">{userStats.sentSolutionsCount}</div>
<div class="info-box">{userStats.correctSolutionsCount}</div>
</div>
<hr />
<div class="subtitle">Soluzioni notevoli</div>
<div class="solution-list">
{sortedSolutions.map(solution => (
<Solution
refreshSolution={refreshSolutions}
{...solution}
adminControls={user !== null && isAdministrator(user.role)}
/>
))}
</div>
</main>
</>
)
} else {
const [user, ready] = useCurrentUser()
if (!ready) {
return <></>
}
const [stats] = useResource<null | Record<string, SolutionStat | undefined>>(`/api/stats`, null)
if (!stats) {
return <></>
}
const userStats = stats[uid]
const [solutions, refreshSolutions] = useResource<SolutionModel[]>(`/api/solutions?user=${uid}&public`, [])
const sortedSolutions = sortByStringKey(solutions, s => s.createdAt, false)
return (
<>
<Header />
<main class="page-profile">
<div class="title">
Profilo di <a href={prependBaseUrl(`/u/${uid}`)}>{user?.fullName}</a>
</div>
<hr />
<div class="subtitle">Statistiche</div>
<div class="info">
<div>Soluzioni inviate</div>
<div>Soluzioni corrette</div>
<div class="info-box">{userStats?.sentSolutionsCount ?? 0}</div>
<div class="info-box">{userStats?.correctSolutionsCount ?? 0}</div>
</div>
<hr />
<div class="subtitle">Soluzioni notevoli</div>
<div class="solution-list">
{sortedSolutions.map(solution => (
<Solution
refreshSolution={refreshSolutions}
{...solution}
adminControls={user !== null && isAdministrator(user.role)}
/>
))}
</div>
</main>
</>
)
}