From 142fbe8530b2172606fde095ff4a5dc1c213bd7e Mon Sep 17 00:00:00 2001
From: Piotr Oleszczyk <piotr@oleszczyk.eu>
Date: Sat, 28 Feb 2026 18:01:17 +0100
Subject: [PATCH] fix(frontend): resolve TypeScript type errors from skin model
 refactor

- Remove s.trend from dashboard (field removed from SkinConditionSnapshot)
- Replace trend with texture in SkinPhotoAnalysisResponse (api.ts)
- Use record_id instead of id for LabResult and MedicationEntry keyed each blocks

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/lib/api.ts                             | 2 +-
 frontend/src/routes/+page.svelte                    | 3 ---
 frontend/src/routes/health/lab-results/+page.svelte | 2 +-
 frontend/src/routes/health/medications/+page.svelte | 2 +-
 4 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/frontend/src/lib/api.ts b/frontend/src/lib/api.ts
index 99f8ac7..8414e81 100644
--- a/frontend/src/lib/api.ts
+++ b/frontend/src/lib/api.ts
@@ -221,7 +221,7 @@ export const deleteSkinSnapshot = (id: string): Promise<void> => api.del(`/skinc
 
 export interface SkinPhotoAnalysisResponse {
 	overall_state?: string;
-	trend?: string;
+	texture?: string;
 	skin_type?: string;
 	hydration_level?: number;
 	sebum_tzone?: number;
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index 6bd0dac..292f903 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -39,9 +39,6 @@
 								</span>
 							{/if}
 						</div>
-						{#if s.trend}
-							<p class="text-sm">Trend: <span class="font-medium">{s.trend}</span></p>
-						{/if}
 						{#if s.active_concerns.length}
 							<div class="flex flex-wrap gap-1">
 								{#each s.active_concerns as concern (concern)}
diff --git a/frontend/src/routes/health/lab-results/+page.svelte b/frontend/src/routes/health/lab-results/+page.svelte
index 3a0e311..6df401d 100644
--- a/frontend/src/routes/health/lab-results/+page.svelte
+++ b/frontend/src/routes/health/lab-results/+page.svelte
@@ -137,7 +137,7 @@
 				</TableRow>
 			</TableHeader>
 			<TableBody>
-				{#each data.results as r (r.id)}
+				{#each data.results as r (r.record_id)}
 					<TableRow>
 						<TableCell class="text-sm">{r.collected_at.slice(0, 10)}</TableCell>
 						<TableCell class="font-medium">{r.test_name_original ?? r.test_code}</TableCell>
diff --git a/frontend/src/routes/health/medications/+page.svelte b/frontend/src/routes/health/medications/+page.svelte
index 188ffcf..e33c79d 100644
--- a/frontend/src/routes/health/medications/+page.svelte
+++ b/frontend/src/routes/health/medications/+page.svelte
@@ -81,7 +81,7 @@
 	{/if}
 
 	<div class="space-y-3">
-		{#each data.medications as med (med.id)}
+		{#each data.medications as med (med.record_id)}
 			<div class="rounded-md border border-border px-4 py-3">
 				<div class="flex items-center justify-between">
 					<div class="flex items-center gap-3">