From 16ac913b9f9eab9c342083ea5641540eb3a0c3cc Mon Sep 17 00:00:00 2001
From: mat <github@matdoes.dev>
Date: Wed, 22 Jun 2022 16:48:29 -0500
Subject: Add skill average & actually fix active profile indicator

---
 src/lib/APITypes.d.ts                       |  1 +
 src/routes/player/[player]/[profile].svelte | 23 ++++++++++++++++++++++-
 src/routes/player/[player]/index.svelte     |  3 ++-
 3 files changed, 25 insertions(+), 2 deletions(-)

(limited to 'src')

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()
 	}
-- 
cgit