From 7d5aa1f58a81c9fd073b84a287014bec4ee32b9d Mon Sep 17 00:00:00 2001 From: Andrew Date: Fri, 7 Mar 2025 22:01:35 +0000 Subject: [PATCH] [frontend]: Add red & green Luas icons for lines --- frontend/src/assets/icons/luasGreen.png | Bin 0 -> 8233 bytes frontend/src/assets/icons/luasRed.png | Bin 0 -> 8239 bytes frontend/src/components/MapComponent.jsx | 5 +++++ 3 files changed, 5 insertions(+) create mode 100644 frontend/src/assets/icons/luasGreen.png create mode 100644 frontend/src/assets/icons/luasRed.png diff --git a/frontend/src/assets/icons/luasGreen.png b/frontend/src/assets/icons/luasGreen.png new file mode 100644 index 0000000000000000000000000000000000000000..c6cd3a30fbc7cf12cf1294c7bd8351186b46c396 GIT binary patch literal 8233 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 literal 0 HcmV?d00001 diff --git a/frontend/src/assets/icons/luasRed.png b/frontend/src/assets/icons/luasRed.png new file mode 100644 index 0000000000000000000000000000000000000000..a79cb1db4da3dc9edae9518b5f37c8409075cc68 GIT binary patch literal 8239 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 N1`UteJ}_z4e*k(I?l=Gd literal 0 HcmV?d00001 diff --git a/frontend/src/components/MapComponent.jsx b/frontend/src/components/MapComponent.jsx index 80538d5..591ec82 100644 --- a/frontend/src/components/MapComponent.jsx +++ b/frontend/src/components/MapComponent.jsx @@ -18,6 +18,8 @@ import dartOnTimeIconURL from "../assets/icons/DARTOnTime.png"; import dartLateIconURL from "../assets/icons/DARTLate.png"; import luasIconURL from "../assets/icons/tram-station.png"; +import luasIconGreenURL from "../assets/icons/luasGreen.png"; +import luasIconRedURL from "../assets/icons/luasRed.png" import busStopIconURL from "../assets/icons/bus-station.png"; import busIconURL from "../assets/icons/bus.png"; @@ -48,6 +50,9 @@ const icons = new Map([ ["dartLate", new Icon({ iconUrl: dartLateIconURL, iconSize: [38, 38] })], ["LuasStop", new Icon({ iconUrl: luasIconURL, iconSize: [38, 38] })], + ["LuasStopGreen", new Icon({ iconUrl: luasIconGreenURL, iconSize: [38, 38] })], + ["LuasStopRed", new Icon({ iconUrl: luasIconRedURL, iconSize: [38, 38] })], + ["BusStop", new Icon({ iconUrl: busStopIconURL, iconSize: [24, 24] })], ["Bus", new Icon({ iconUrl: busIconURL, iconSize: [38, 38] })], ]);