From bfb582379a036627e57ae6d5dba38e0aaaca666a Mon Sep 17 00:00:00 2001
From: Alexander Bocken <alexander@bocken.org>
Date: Wed, 8 Apr 2026 11:32:47 +0200
Subject: [PATCH] fix: close profile editor on save, reactively update period
 tracker

Profile editor closes on successful save. Period tracker visibility
uses a reactive savedSex state variable that updates on save, so
changing sex to female/male immediately shows/hides the tracker
without requiring a page refresh.
---
 src/routes/fitness/[measure=fitnessMeasure]/+page.svelte | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/routes/fitness/[measure=fitnessMeasure]/+page.svelte b/src/routes/fitness/[measure=fitnessMeasure]/+page.svelte
index 8568c03..b003e39 100644
--- a/src/routes/fitness/[measure=fitnessMeasure]/+page.svelte
+++ b/src/routes/fitness/[measure=fitnessMeasure]/+page.svelte
@@ -18,6 +18,7 @@
 	let showWeightHistory = $state(false);
 
 	// Profile fields (sex, height, birth year) — stored in FitnessGoal
+	let savedSex = $state(data.profile?.sex ?? 'male');
 	let profileSex = $state(data.profile?.sex ?? 'male');
 	let profileHeight = $state(data.profile?.heightCm != null ? String(data.profile.heightCm) : '');
 	let profileBirthYear = $state(data.profile?.birthYear != null ? String(data.profile.birthYear) : '');
@@ -60,6 +61,8 @@
 			if (res.ok) {
 				const d = await res.json();
 				data.profile = d;
+				savedSex = d.sex ?? profileSex;
+				profileEditing = false;
 			}
 		} finally {
 			profileSaving = false;
@@ -224,7 +227,7 @@
 		</section>
 	{/if}
 
-	{#if data.profile?.sex === 'female'}
+	{#if savedSex === 'female'}
 		<PeriodTracker periods={data.periods ?? []} {lang} sharedWith={data.periodSharedWith ?? []} />
 	{/if}