diff --git a/client/components/Problem.tsx b/client/components/Problem.tsx index 286bde7..8be8801 100644 --- a/client/components/Problem.tsx +++ b/client/components/Problem.tsx @@ -1,4 +1,3 @@ -import { Problem as ProblemModel } from '../../shared/model' import { prependBaseUrl } from '../api' import { Markdown } from './Markdown' diff --git a/client/pages/UserPage.tsx b/client/pages/UserPage.tsx index d5a4241..f6cd327 100644 --- a/client/pages/UserPage.tsx +++ b/client/pages/UserPage.tsx @@ -25,15 +25,19 @@ export const UserPage = ({ uid }: RouteProps) => { <>
-
Statistiche di @{uid}
- +
Profilo di @{uid}
+
+
Statistiche
+
+
Soluzioni inviate
+
Soluzioni corrette
+
+ {userStats.sentSolutionsCount} +
+
+ {userStats.correctSolutionsCount} +
+
Soluzioni notevoli
{sortedSolutions.map(solution => ( @@ -43,5 +47,7 @@ export const UserPage = ({ uid }: RouteProps) => {
) + } else { + return <> } } diff --git a/client/styles/main.scss b/client/styles/main.scss index f3dd742..42029f9 100644 --- a/client/styles/main.scss +++ b/client/styles/main.scss @@ -310,6 +310,17 @@ main { .info { font-size: 20px; + display: grid; + grid-template-columns: auto auto; + gap: 1rem; + } + .info-box { + padding: 1rem; + font-size: 28px; + + box-shadow: -2px 4px 6px 1px #00000018, 0 0 4px 0px #00000010; + border-radius: 0.5rem; + background: #ffffff; } .fill-main {