diff options
Diffstat (limited to 'modern/src/map/notification/MapNotification.js')
-rw-r--r-- | modern/src/map/notification/MapNotification.js | 49 |
1 files changed, 0 insertions, 49 deletions
diff --git a/modern/src/map/notification/MapNotification.js b/modern/src/map/notification/MapNotification.js deleted file mode 100644 index 81038f95..00000000 --- a/modern/src/map/notification/MapNotification.js +++ /dev/null @@ -1,49 +0,0 @@ -import { useEffect, useMemo } from 'react'; -import { map } from '../core/MapView'; -import './notification.css'; - -const statusClass = (status) => `maplibregl-ctrl-icon maplibre-ctrl-notification maplibre-ctrl-notification-${status}`; - -class NotificationControl { - constructor(eventHandler) { - this.eventHandler = eventHandler; - } - - onAdd() { - this.button = document.createElement('button'); - this.button.className = statusClass('off'); - this.button.type = 'button'; - this.button.onclick = () => this.eventHandler(this); - - this.container = document.createElement('div'); - this.container.className = 'maplibregl-ctrl-group maplibregl-ctrl'; - this.container.appendChild(this.button); - - return this.container; - } - - onRemove() { - this.container.parentNode.removeChild(this.container); - } - - setEnabled(enabled) { - this.button.className = statusClass(enabled ? 'on' : 'off'); - } -} - -const MapNotification = ({ enabled, onClick }) => { - const control = useMemo(() => new NotificationControl(onClick), [onClick]); - - useEffect(() => { - map.addControl(control); - return () => map.removeControl(control); - }, [onClick]); - - useEffect(() => { - control.setEnabled(enabled); - }, [enabled]); - - return null; -}; - -export default MapNotification; |