Run prettier

web/src/lib/components/shared-components/leaflet/asset-marker-cluster.svelte

@@ -29,7 +29,7 @@
 					popupAnchor: [1, -34],
 					tooltipAnchor: [16, -28],
 					shadowSize: [41, 41]
-				}),
+				})
 			});
 
 			this.marker = marker;
@@ -61,7 +61,9 @@
 		});
 
 		cluster.on('clusterclick', (event: L.LeafletEvent) => {
-			const ids = event.sourceTarget.getAllChildMarkers().map((marker: AssetMarker) => marker.getAssetId());
+			const ids = event.sourceTarget
+				.getAllChildMarkers()
+				.map((marker: AssetMarker) => marker.getAssetId());
 			dispatch('view', { assets: ids });
 		});
 
@@ -86,4 +88,3 @@
 {#if cluster}
 	<slot />
 {/if}
-

web/src/lib/components/shared-components/leaflet/map.svelte

@@ -40,5 +40,3 @@
 		<slot />
 	{/if}
 </div>
-
-

web/src/lib/components/shared-components/leaflet/tile-layer.svelte

@@ -1,6 +1,6 @@
 <script lang="ts" context="module">
 	type TileLayerFilterOptions = TileLayerOptions & {
-		filter?: string[],
+		filter?: string[];
 	};
 </script>
 

web/src/lib/components/shared-components/side-bar/side-bar.svelte

@@ -110,10 +110,7 @@
 		/>
 	</a>
 	<a data-sveltekit-preload-data="hover" href={AppRoute.MAP} draggable="false">
-		<SideBarButton
-			title="Map"
-			logo={Map}
-			isSelected={$page.route.id === '/(user)/map'} />
+		<SideBarButton title="Map" logo={Map} isSelected={$page.route.id === '/(user)/map'} />
 	</a>
 	<a data-sveltekit-preload-data="hover" href={AppRoute.SHARING} draggable="false">
 		<SideBarButton

web/src/lib/constants.ts

@@ -15,7 +15,7 @@ export enum AppRoute {
 	SHARING = '/sharing',
 	SEARCH = '/search',
 	MAP = '/map',
-	
+
 	AUTH_LOGIN = '/auth/login',
 	AUTH_LOGOUT = '/auth/logout',
 	AUTH_REGISTER = '/auth/register',

web/src/lib/stores/asset-interaction.store.ts

@@ -60,7 +60,7 @@ function createAssetInteractionStore() {
 		const { data } = await api.assetApi.getAssetById(id);
 		viewingAssetStoreState.set(data);
 		isViewingAssetStoreState.set(true);
-	}
+	};
 
 	const setIsViewingAsset = (isViewing: boolean) => {
 		isViewingAssetStoreState.set(isViewing);

web/src/routes/(user)/map/+page.svelte

@@ -7,8 +7,7 @@
 	import {
 		assetInteractionStore,
 		isViewingAssetStoreState,
-		viewingAssetStoreState,
-		
+		viewingAssetStoreState
 	} from '$lib/stores/asset-interaction.store';
 	import { colorTheme } from '$lib/stores/preferences.store';
 
@@ -44,9 +43,7 @@
 </script>
 
 <UserPageLayout user={data.user} title={data.meta.title}>
-	<div slot="buttons">
-
-	</div>
+	<div slot="buttons" />
 
 	<div class="h-[90%] w-full">
 		<Map latlng={initialMapCenter} zoom={7}>
@@ -54,7 +51,7 @@
 				<TileLayer
 					urlTemplate={'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'}
 					options={{
-						filter: ['invert:100%','bright:127%','saturate:0%'],
+						filter: ['invert:100%', 'bright:127%', 'saturate:0%'],
 						attribution:
 							'&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
 					}}
@@ -63,17 +60,19 @@
 				<TileLayer
 					urlTemplate={'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'}
 					options={{
-						filter: ['bright:101%','contrast:101%','saturate:79%'],
+						filter: ['bright:101%', 'contrast:101%', 'saturate:79%'],
 						attribution:
 							'&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
 					}}
 				/>
 			{/if}
 
-			<AssetMarkerCluster markers={data.mapMarkers} on:view={event => onViewAssets(event.detail.assets)} />
+			<AssetMarkerCluster
+				markers={data.mapMarkers}
+				on:view={(event) => onViewAssets(event.detail.assets)}
+			/>
 		</Map>
 	</div>
-
 </UserPageLayout>
 
 <Portal target="body">
@@ -89,4 +88,3 @@
 		/>
 	{/if}
 </Portal>
-