From 23c41f18de9cb841c55136284a1a041783ac90be Mon Sep 17 00:00:00 2001 From: vcoppe Date: Mon, 18 Nov 2024 21:08:30 +0100 Subject: [PATCH] use new toilet icon, closes #100 --- website/package-lock.json | 18 ++++++++++-------- website/package.json | 4 ++-- website/src/lib/assets/layers.ts | 4 ++-- website/src/lib/assets/symbols.ts | 6 +++--- 4 files changed, 17 insertions(+), 15 deletions(-) diff --git a/website/package-lock.json b/website/package-lock.json index bc111b8b..5069e738 100644 --- a/website/package-lock.json +++ b/website/package-lock.json @@ -21,8 +21,8 @@ "dexie": "^4.0.8", "gpx": "file:../gpx", "immer": "^10.1.1", - "lucide-static": "^0.427.0", - "lucide-svelte": "^0.427.0", + "lucide-static": "^0.460.0", + "lucide-svelte": "^0.460.1", "mapbox-gl": "^3.7.0", "mapillary-js": "^4.1.2", "mode-watcher": "^0.3.1", @@ -5533,14 +5533,16 @@ } }, "node_modules/lucide-static": { - "version": "0.427.0", - "resolved": "https://registry.npmjs.org/lucide-static/-/lucide-static-0.427.0.tgz", - "integrity": "sha512-lsUNKUv6rZrRyQa5KMHZwxKMP1Am2L9BqQGxSvFhcPvZW86sF0YcLZFQ+V5SrBPr3VhNnebMS4SqloMDucd/YQ==" + "version": "0.460.0", + "resolved": "https://registry.npmjs.org/lucide-static/-/lucide-static-0.460.0.tgz", + "integrity": "sha512-X6pIdg7jVxv7YQ/uR241hwhNiztcAfmj181TbcX7HCxxk/3mGaRtAc6b2ftUvQBufbJE6ehgyzO2uVsa604tWg==", + "license": "ISC" }, "node_modules/lucide-svelte": { - "version": "0.427.0", - "resolved": "https://registry.npmjs.org/lucide-svelte/-/lucide-svelte-0.427.0.tgz", - "integrity": "sha512-l0IJqYVBTxMkJPvZqyIMyVFlbZ18Mjg0n6p7Zo9bSQNvsmeviTyOxYmYdp/G5gXcSHaOGL6YoQW7fmbFklbW/w==", + "version": "0.460.1", + "resolved": "https://registry.npmjs.org/lucide-svelte/-/lucide-svelte-0.460.1.tgz", + "integrity": "sha512-guJjJSeWlKivsEG51Xg41egunBMJcobhDmkLv/NYTXmXyCEwxMf1A+HX7RvDEKiXbXYgtLImih67tI08MSUOkA==", + "license": "ISC", "peerDependencies": { "svelte": "^3 || ^4 || ^5.0.0-next.42" } diff --git a/website/package.json b/website/package.json index c237c015..8c7baca3 100644 --- a/website/package.json +++ b/website/package.json @@ -63,8 +63,8 @@ "dexie": "^4.0.8", "gpx": "file:../gpx", "immer": "^10.1.1", - "lucide-static": "^0.427.0", - "lucide-svelte": "^0.427.0", + "lucide-static": "^0.460.0", + "lucide-svelte": "^0.460.1", "mapbox-gl": "^3.7.0", "mapillary-js": "^4.1.2", "mode-watcher": "^0.3.1", diff --git a/website/src/lib/assets/layers.ts b/website/src/lib/assets/layers.ts index a81de75d..40bd40b6 100644 --- a/website/src/lib/assets/layers.ts +++ b/website/src/lib/assets/layers.ts @@ -1,4 +1,4 @@ -import { TramFront, Utensils, ShoppingBasket, Droplet, ShowerHead, Fuel, CircleParking, Fence, FerrisWheel, Bed, Mountain, Pickaxe, Store, TrainFront, Bus, Ship, Croissant, House, Tent, Wrench, Binoculars } from 'lucide-static'; +import { TramFront, Utensils, ShoppingBasket, Droplet, ShowerHead, Fuel, CircleParking, Fence, FerrisWheel, Bed, Mountain, Pickaxe, Store, TrainFront, Bus, Ship, Croissant, House, Tent, Wrench, Binoculars, Toilet } from 'lucide-static'; import { type StyleSpecification } from 'mapbox-gl'; import ignFrTopo from './custom/ign-fr-topo.json'; import ignFrPlan from './custom/ign-fr-plan.json'; @@ -1026,7 +1026,7 @@ export const overpassQueryData: Record = { }, toilets: { icon: { - svg: Droplet, + svg: Toilet, color: "DeepSkyBlue", }, tags: { diff --git a/website/src/lib/assets/symbols.ts b/website/src/lib/assets/symbols.ts index 0fe9e0df..a6141440 100644 --- a/website/src/lib/assets/symbols.ts +++ b/website/src/lib/assets/symbols.ts @@ -1,5 +1,5 @@ -import { Landmark, Icon, Shell, Bike, Building, Tent, Car, Wrench, ShoppingBasket, Droplet, DoorOpen, Trees, Fuel, Home, Info, TreeDeciduous, CircleParking, Cross, Utensils, Construction, BrickWall, ShowerHead, Mountain, Phone, TrainFront, Bed, Binoculars, TriangleAlert, Anchor } from "lucide-svelte"; -import { Landmark as LandmarkSvg, Shell as ShellSvg, Bike as BikeSvg, Building as BuildingSvg, Tent as TentSvg, Car as CarSvg, Wrench as WrenchSvg, ShoppingBasket as ShoppingBasketSvg, Droplet as DropletSvg, DoorOpen as DoorOpenSvg, Trees as TreesSvg, Fuel as FuelSvg, Home as HomeSvg, Info as InfoSvg, TreeDeciduous as TreeDeciduousSvg, CircleParking as CircleParkingSvg, Cross as CrossSvg, Utensils as UtensilsSvg, Construction as ConstructionSvg, BrickWall as BrickWallSvg, ShowerHead as ShowerHeadSvg, Mountain as MountainSvg, Phone as PhoneSvg, TrainFront as TrainFrontSvg, Bed as BedSvg, Binoculars as BinocularsSvg, TriangleAlert as TriangleAlertSvg, Anchor as AnchorSvg } from "lucide-static"; +import { Landmark, Icon, Shell, Bike, Building, Tent, Car, Wrench, ShoppingBasket, Droplet, DoorOpen, Trees, Fuel, Home, Info, TreeDeciduous, CircleParking, Cross, Utensils, Construction, BrickWall, ShowerHead, Mountain, Phone, TrainFront, Bed, Binoculars, TriangleAlert, Anchor, Toilet } from "lucide-svelte"; +import { Landmark as LandmarkSvg, Shell as ShellSvg, Bike as BikeSvg, Building as BuildingSvg, Tent as TentSvg, Car as CarSvg, Wrench as WrenchSvg, ShoppingBasket as ShoppingBasketSvg, Droplet as DropletSvg, DoorOpen as DoorOpenSvg, Trees as TreesSvg, Fuel as FuelSvg, Home as HomeSvg, Info as InfoSvg, TreeDeciduous as TreeDeciduousSvg, CircleParking as CircleParkingSvg, Cross as CrossSvg, Utensils as UtensilsSvg, Construction as ConstructionSvg, BrickWall as BrickWallSvg, ShowerHead as ShowerHeadSvg, Mountain as MountainSvg, Phone as PhoneSvg, TrainFront as TrainFrontSvg, Bed as BedSvg, Binoculars as BinocularsSvg, TriangleAlert as TriangleAlertSvg, Anchor as AnchorSvg, Toilet as ToiletSvg } from "lucide-static"; import type { ComponentType } from "svelte"; export type Symbol = { @@ -39,7 +39,7 @@ export const symbols: { [key: string]: Symbol } = { picnic_area: { value: 'Picnic Area', icon: Utensils, iconSvg: UtensilsSvg }, restaurant: { value: 'Restaurant', icon: Utensils, iconSvg: UtensilsSvg }, restricted_area: { value: 'Restricted Area', icon: Construction, iconSvg: ConstructionSvg }, - restroom: { value: 'Restroom' }, + restroom: { value: 'Restroom', icon: Toilet, iconSvg: ToiletSvg }, road: { value: 'Road', icon: BrickWall, iconSvg: BrickWallSvg }, scenic_area: { value: 'Scenic Area', icon: Binoculars, iconSvg: BinocularsSvg }, shelter: { value: 'Shelter', icon: Tent, iconSvg: TentSvg },