From 51b90410d96d4b9b96d9eecb6a337c75c3d00238 Mon Sep 17 00:00:00 2001 From: ISA Date: Tue, 7 May 2024 13:42:54 +0200 Subject: [PATCH] Add: add icons to contextmenu elements --- components/MapComponent.js | 22 +++++++++++++++++----- public/img/add_station.png | Bin 0 -> 11194 bytes 2 files changed, 17 insertions(+), 5 deletions(-) create mode 100644 public/img/add_station.png diff --git a/components/MapComponent.js b/components/MapComponent.js index c5c339359..fa33abc96 100644 --- a/components/MapComponent.js +++ b/components/MapComponent.js @@ -289,16 +289,28 @@ const MapComponent = ({ locations, onLocationUpdate }) => { zoomControl: false, contextmenu: true, contextmenuItems: [ - { text: "Station hinzufügen", callback: addStationCallback }, + { + text: "Station hinzufügen", + icon: "img/add_station.png", + callback: addStationCallback, + }, { text: "Koordinaten", - icon: "img/screen_same.png", + icon: "img/not_listed_location.png", callback: showCoordinates, }, "-", // Divider - { text: "Reinzoomen", callback: zoomIn }, - { text: "Rauszoomen", callback: zoomOut }, - { text: "Hier zentrieren", callback: centerHere }, + { text: "Reinzoomen", icon: "img/zoom_in.png", callback: zoomIn }, + { + text: "Rauszoomen", + icon: "img/zoom_out.png", + callback: zoomOut, + }, + { + text: "Hier zentrieren", + icon: "img/center_focus.png", + callback: centerHere, + }, ], }); diff --git a/public/img/add_station.png b/public/img/add_station.png new file mode 100644 index 0000000000000000000000000000000000000000..a0f71f2e38c9042a7be56edcb69bb96d6408ef38 GIT binary patch literal 11194 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