aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--src/lib/APITypes.d.ts1
-rw-r--r--src/routes/player/[player]/[profile].svelte23
-rw-r--r--src/routes/player/[player]/index.svelte3
3 files changed, 25 insertions, 2 deletions
diff --git a/src/lib/APITypes.d.ts b/src/lib/APITypes.d.ts
index 236abc3..92153cf 100644
--- a/src/lib/APITypes.d.ts
+++ b/src/lib/APITypes.d.ts
@@ -421,6 +421,7 @@ export interface Skills {
* warning to the user.
*/
apiEnabled: boolean
+ average: number
}
diff --git a/src/routes/player/[player]/[profile].svelte b/src/routes/player/[player]/[profile].svelte
index 544d3c4..82d5471 100644
--- a/src/routes/player/[player]/[profile].svelte
+++ b/src/routes/player/[player]/[profile].svelte
@@ -159,7 +159,12 @@
{#if data.member.skills && data.member.skills.list.length > 0}
<section id="skills" class="profile-skills">
- <h2>Skills</h2>
+ <div class="skill-heading-container">
+ <h2 class="inline-heading">Skills</h2>
+ <span class="average-skill">
+ {data.member.skills.average} avg.
+ </span>
+ </div>
<Skills {data} />
</section>
{/if}
@@ -379,4 +384,20 @@
width: 100vw !important;
}
}
+
+ .skill-heading-container {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: fit-content;
+ }
+ .skill-heading-container h2 {
+ display: inline-block;
+ margin-right: 0.4em;
+ margin-bottom: 0;
+ }
+ .average-skill {
+ color: var(--theme-darker-text);
+ font-size: 0.9rem;
+ }
</style>
diff --git a/src/routes/player/[player]/index.svelte b/src/routes/player/[player]/index.svelte
index b95ef8a..5a51816 100644
--- a/src/routes/player/[player]/index.svelte
+++ b/src/routes/player/[player]/index.svelte
@@ -49,6 +49,7 @@
let isActiveProfileOnline: boolean
function updateActiveProfile() {
+ activeProfileLastSave = 0
if (data.profiles)
for (const profile of data.profiles) {
if (profile.members)
@@ -66,7 +67,7 @@
let backgroundUrl: string | null
$: {
- $navigating
+ data
backgroundUrl = data.customization?.backgroundUrl ?? chooseDefaultBackground(data.player.uuid)
updateActiveProfile()
}