From c071b5d7a98bf44370258f240d36a7264c36fca5 Mon Sep 17 00:00:00 2001
From: Jannik <jannik@picoscratch.de>
Date: Fri, 19 Sep 2025 21:54:43 +0200
Subject: [PATCH] style: run prettier

---
 src/lib/components/lnv/FullscreenMap.svelte   |  8 ++++++--
 src/lib/components/lnv/HazardMarker.svelte    | 12 ++++++++---
 src/lib/components/lnv/Sidebar.svelte         |  5 ++++-
 src/lib/components/lnv/hazards.svelte.ts      | 20 ++++++++++++-------
 .../lnv/sidebar/InRouteSidebar.svelte         |  7 +++++--
 src/lib/services/lnv.ts                       |  3 ++-
 6 files changed, 39 insertions(+), 16 deletions(-)

diff --git a/src/lib/components/lnv/FullscreenMap.svelte b/src/lib/components/lnv/FullscreenMap.svelte
index 2f66617..6c3e094 100644
--- a/src/lib/components/lnv/FullscreenMap.svelte
+++ b/src/lib/components/lnv/FullscreenMap.svelte
@@ -180,9 +180,13 @@
 			element={workMarker}
 		/>
 	{/if}
-	
+
 	<!-- <HazardMarker hazard="bumpy-road" lat={51.347447} lon={7.4028181} /> -->
 	{#each hazards as hazard (hazard.latitude + "-" + hazard.longitude)}
-		<HazardMarker hazard={hazard.type} lat={hazard.latitude} lon={hazard.longitude} />
+		<HazardMarker
+			hazard={hazard.type}
+			lat={hazard.latitude}
+			lon={hazard.longitude}
+		/>
 	{/each}
 </MapLibre>
diff --git a/src/lib/components/lnv/HazardMarker.svelte b/src/lib/components/lnv/HazardMarker.svelte
index 3948b89..9508878 100644
--- a/src/lib/components/lnv/HazardMarker.svelte
+++ b/src/lib/components/lnv/HazardMarker.svelte
@@ -2,15 +2,21 @@
 	import { Marker } from "svelte-maplibre-gl";
 	import { map } from "./map.svelte";
 
-	let { hazard, lat, lon }: { hazard: string, lat: number, lon: number } = $props();
+	let { hazard, lat, lon }: { hazard: string; lat: number; lon: number } =
+		$props();
 	let img: HTMLImageElement | undefined = $state();
 </script>
 
-<img src="/img/hazards/{hazard}.png" alt="{hazard} Marker" bind:this={img} style="width: 32px; {map.zoom < 15 ? "display: none;" : ""}" />
+<img
+	src="/img/hazards/{hazard}.png"
+	alt="{hazard} Marker"
+	bind:this={img}
+	style="width: 32px; {map.zoom < 15 ? 'display: none;' : ''}"
+/>
 <Marker
 	lnglat={{
 		lat: lat,
 		lng: lon,
 	}}
 	element={img}
-/>
\ No newline at end of file
+/>
diff --git a/src/lib/components/lnv/Sidebar.svelte b/src/lib/components/lnv/Sidebar.svelte
index b0edf7a..15017ea 100644
--- a/src/lib/components/lnv/Sidebar.svelte
+++ b/src/lib/components/lnv/Sidebar.svelte
@@ -287,7 +287,10 @@
 					<Button
 						variant="outline"
 						onclick={async () => {
-							await postHazard({ lat: location.lat, lon: location.lng }, "bumpy-road");
+							await postHazard(
+								{ lat: location.lat, lon: location.lng },
+								"bumpy-road",
+							);
 							alert("Thanks for your report!");
 							await fetchHazards();
 						}}
diff --git a/src/lib/components/lnv/hazards.svelte.ts b/src/lib/components/lnv/hazards.svelte.ts
index 822152e..ecacec5 100644
--- a/src/lib/components/lnv/hazards.svelte.ts
+++ b/src/lib/components/lnv/hazards.svelte.ts
@@ -4,19 +4,25 @@ import { location } from "./location.svelte";
 export const hazards: Hazard[] = $state([]);
 
 export async function fetchHazards() {
-	if(!location.available) return;
-	const newHazards = await getHazards({ lat: location.lat, lon: location.lng }, 100); // TODO: get radius from server config
+	if (!location.available) return;
+	const newHazards = await getHazards(
+		{ lat: location.lat, lon: location.lng },
+		100,
+	); // TODO: get radius from server config
 	hazards.splice(0, hazards.length, ...newHazards);
 }
 
-setInterval(() => {
-	fetchHazards();
-}, 1000 * 60 * 5) // Every 5 minutes
+setInterval(
+	() => {
+		fetchHazards();
+	},
+	1000 * 60 * 5,
+); // Every 5 minutes
 // TODO: get from server config
 
 const initalFetch = setInterval(() => {
-	if(location.available) {
+	if (location.available) {
 		fetchHazards();
 		clearInterval(initalFetch);
 	}
-})
+});
diff --git a/src/lib/components/lnv/sidebar/InRouteSidebar.svelte b/src/lib/components/lnv/sidebar/InRouteSidebar.svelte
index 09a782f..2f0087e 100644
--- a/src/lib/components/lnv/sidebar/InRouteSidebar.svelte
+++ b/src/lib/components/lnv/sidebar/InRouteSidebar.svelte
@@ -138,7 +138,10 @@
 		// TODO: include partial maneuver time
 		if (!routing.currentTrip) return 0;
 		let total = 0;
-		for (const [index, maneuver] of routing.currentTrip.legs[0].maneuvers.entries()) {
+		for (const [
+			index,
+			maneuver,
+		] of routing.currentTrip.legs[0].maneuvers.entries()) {
 			if (index >= routing.currentTripInfo.maneuverIdx) {
 				total += maneuver.time;
 			}
@@ -148,7 +151,7 @@
 
 	const timeLeft = $derived.by(() => {
 		return formatTimeLeft(getTimeLeft());
-	})
+	});
 </script>
 
 {fullDistanceText}, {timeLeft}
diff --git a/src/lib/services/lnv.ts b/src/lib/services/lnv.ts
index 50f69b8..d197fb5 100644
--- a/src/lib/services/lnv.ts
+++ b/src/lib/services/lnv.ts
@@ -243,7 +243,8 @@ export async function getHazards(location: WorldLocation, radius = 50) {
 	// 	throw new Error("Hazards capability is not available");
 	// }
 	const res = await fetch(
-		LNV_SERVER + `/hazards?lat=${location.lat}&lon=${location.lon}&radius=${radius}`,
+		LNV_SERVER +
+			`/hazards?lat=${location.lat}&lon=${location.lon}&radius=${radius}`,
 	);
 	if (!res.ok) {
 		throw new Error(`Failed to fetch hazards: ${res.statusText}`);