From 9e5fef1463333f2a9ff626ca4d2ff6555dc79076 Mon Sep 17 00:00:00 2001
From: Alexander Bocken <alexander@bocken.org>
Date: Sun, 1 Mar 2026 21:12:44 +0100
Subject: [PATCH] fix: type errors in UserHeader querySelector calls

---
 src/lib/components/UserHeader.svelte | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/UserHeader.svelte b/src/lib/components/UserHeader.svelte
index 2f1687d..e4113c6 100644
--- a/src/lib/components/UserHeader.svelte
+++ b/src/lib/components/UserHeader.svelte
@@ -5,16 +5,16 @@
 	let { user, recipeLang = 'rezepte', lang = 'de' } = $props();
 
 	function toggle_options(){
-		const el = document.querySelector("#options-wrap")
-		el.hidden = !el.hidden
+		const el = document.querySelector("#options-wrap") as HTMLElement | null;
+		if (el) el.hidden = !el.hidden;
 	}
 
 	onMount( () => {
-		document.addEventListener("click", (e) => {
-			const userButton = document.querySelector("#button")
+		document.addEventListener("click", (e: MouseEvent) => {
+			const userButton = document.querySelector("#button");
 
-			if(userButton && !userButton.contains(e.target)){
-				const wrap = document.querySelector("#options-wrap");
+			if(userButton && !userButton.contains(e.target as Node)){
+				const wrap = document.querySelector("#options-wrap") as HTMLElement | null;
 				if (wrap) wrap.hidden = true;
 			}
 		})