From ee725fd5252847215998409fe7bcd67672080fbc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adam=20Kr=C5=A1ka?= <adam@krska.com>
Date: Thu, 26 Mar 2026 15:34:06 +0100
Subject: [PATCH] fix howTo nav reload

---
 client/app/routes/howTo.file.tsx | 5 +++++
 client/app/routes/howTo.main.tsx | 6 +++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/client/app/routes/howTo.file.tsx b/client/app/routes/howTo.file.tsx
index 1359b75..42568bd 100644
--- a/client/app/routes/howTo.file.tsx
+++ b/client/app/routes/howTo.file.tsx
@@ -14,6 +14,10 @@ export async function loader({ params }: Route.LoaderArgs) {
 	};
 }
 
+export function shouldRevalidate() {
+	return true;
+}
+
 export default function howToFile({ loaderData }: Route.ComponentProps) {
 	return (
 		<div className="max-w-screen-lg mx-auto mb-8">
@@ -29,6 +33,7 @@ export default function howToFile({ loaderData }: Route.ComponentProps) {
 					<nav className="sticky top-8 gap-2 flex flex-col items-start">
 						{loaderData.docs.map((docs) => (
 							<DocLink
+								key={docs.filename}
 								filename={docs.filename}
 								title={docs.title}
 							/>
diff --git a/client/app/routes/howTo.main.tsx b/client/app/routes/howTo.main.tsx
index 281d7c6..f4abbf3 100644
--- a/client/app/routes/howTo.main.tsx
+++ b/client/app/routes/howTo.main.tsx
@@ -15,7 +15,11 @@ export default function howTo({ loaderData }: Route.ComponentProps) {
 			<h1>Přehled návodů</h1>
 			<div className="flex flex-col items-start gap-2">
 				{loaderData.docs.map((docs) => (
-					<DocLink filename={docs.filename} title={docs.title} />
+					<DocLink
+						key={docs.filename}
+						filename={docs.filename}
+						title={docs.title}
+					/>
 				))}
 			</div>
 		</div>