prettier

OlliV · Oct 29, 2023 · da307bd · da307bd
1 parent ed32f35
commit da307bd
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 10 deletions.
diff --git a/components/map/Edit.tsx b/components/map/Edit.tsx
@@ -64,7 +64,11 @@ export default function MapEditCourse({
 				// @ts-ignore
 				if (layer._latlngs && layer._latlngs.length > 0) {
 					// @ts-ignore
-					updateTrackSegment(newCourse, seg++, layer._latlngs.map((v) => ({ lat: v.lat, lon: v.lng })));
+					updateTrackSegment(
+						newCourse,
+						seg++,
+						layer._latlngs.map((v) => ({ lat: v.lat, lon: v.lng }))
+					);
 				}
 			} else if (layer instanceof L.Marker) {
 				// @ts-ignore
@@ -81,10 +85,10 @@ export default function MapEditCourse({
 				position="topleft"
 				draw={{
 					polygon: false,
-						rectangle: false,
-						circle: false,
-						circlemarker: false,
-						marker: { icon: createMarkerIcon() },
+					rectangle: false,
+					circle: false,
+					circlemarker: false,
+					marker: { icon: createMarkerIcon() },
 				}}
 				onCreated={editEvent}
 				onEdited={editEvent}

diff --git a/components/map/Marker.tsx b/components/map/Marker.tsx
@@ -6,7 +6,7 @@ import { renderToString } from 'react-dom/server';
 import MarkerIcon from '../../node_modules/leaflet/dist/images/marker-icon.png';
 import MarkerShadow from '../../node_modules/leaflet/dist/images/marker-shadow.png';
 
-export function createMarkerIcon(icon?: ReactNode ) {
+export function createMarkerIcon(icon?: ReactNode) {
 	if (icon) {
 		return L.divIcon({
 			html: renderToString(icon),
@@ -25,7 +25,15 @@ export function createMarkerIcon(icon?: ReactNode ) {
 	}
 }
 
-export default function MapMarker({ icon, position, children }: { icon?: ReturnType<typeof createMarkerIcon>; position: [number, number]; children?: ReactNode; }) {
+export default function MapMarker({
+	icon,
+	position,
+	children,
+}: {
+	icon?: ReturnType<typeof createMarkerIcon>;
+	position: [number, number];
+	children?: ReactNode;
+}) {
 	return (
 		<Marker
 			position={position}

diff --git a/pages/ride/map/index.tsx b/pages/ride/map/index.tsx
@@ -66,8 +66,11 @@ export default function RideMap() {
 	const bounds = useMemo(() => course && getMapBounds(course), [course]);
 
 	useEffect(() => {
-		if (map && bounds &&
-			[bounds.minlat, bounds.minlon, bounds.maxlat, bounds.maxlon].some((v) => Number.isFinite(v))) {
+		if (
+			map &&
+			bounds &&
+			[bounds.minlat, bounds.minlon, bounds.maxlat, bounds.maxlon].some((v) => Number.isFinite(v))
+		) {
 			map.fitBounds([
 				[bounds.minlat, bounds.minlon],
 				[bounds.maxlat, bounds.maxlon],
@@ -115,7 +118,9 @@ export default function RideMap() {
 				</Stack>
 
 				<DynamicMap center={coord} setMap={setMap}>
-					<DynamicMapMarker icon={<IconHome/>} position={coord}>You are here.</DynamicMapMarker>
+					<DynamicMapMarker icon={<IconHome />} position={coord}>
+						You are here.
+					</DynamicMapMarker>
 					{editMode ? <DynamicMapEditCourse initialCourse={course} setCourse={setCourse} /> : null}
 					{course && !editMode ? <DynamicCourse course={course} /> : null}
 				</DynamicMap>