feat: improve stats UI on user page

2023-01-08 23:59:01 +01:00
parent be72c37406
commit f9d264c6c1
3 changed files with 26 additions and 10 deletions
@@ -25,15 +25,19 @@ export const UserPage = ({ uid }: RouteProps) => {
            <>
                <Header />
                <main class="page-profile">
-                    <div class="subtitle">Statistiche di <a href={prependBaseUrl(`/u/${uid}`)}>@{uid}</a></div>
-                    <ul>
-                        <li>
-                            <div class="info">Soluzioni inviate: {userStats.sentSolutionsCount}</div>
-                        </li>
-                        <li>
-                            <div class="info">Soluzioni corrette: {userStats.correctSolutionsCount}</div>
-                        </li>
-                    </ul>
+                    <div class="subtitle">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>
                    <div class="subtitle">Soluzioni notevoli</div>
                    <div class="solution-list">
                        {sortedSolutions.map(solution => (
@@ -43,5 +47,7 @@ export const UserPage = ({ uid }: RouteProps) => {
                </main>
            </>
        )
+    } else {
+        return <></>
    }
 }