From d02edd8f969c31c9df8ceb371df22ae8a59cdd4d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pavel=20Zbytovsk=C3=BD?= <zbytovsky@gmail.com>
Date: Thu, 12 Oct 2023 22:47:22 +0200
Subject: [PATCH] general: clickable POIs broken message (#195)

---
 src/components/utils/MapStateContext.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/components/utils/MapStateContext.tsx b/src/components/utils/MapStateContext.tsx
index e8c2f2600..35471a3c5 100644
--- a/src/components/utils/MapStateContext.tsx
+++ b/src/components/utils/MapStateContext.tsx
@@ -73,6 +73,12 @@ export const MapStateProvider = ({ children, initialMapView }) => {
     showToast,
   };
 
+  const [brokenShown, setBrokenShown] = React.useState(true);
+  const onBrokenClose = (event?: React.SyntheticEvent, reason?: string) => {
+    if (reason !== 'clickaway') {
+      setBrokenShown(false);
+    }
+  };
   return (
     <MapStateContext.Provider value={mapState}>
       {children}
@@ -81,6 +87,18 @@ export const MapStateProvider = ({ children, initialMapView }) => {
           {msg?.content}
         </Alert>
       </Snackbar>
+      <Snackbar open={brokenShown} onClose={onBrokenClose}>
+        <Alert onClose={onBrokenClose} severity="info" variant="filled">
+          Clickable POIs are currently broken on Maptiler –{' '}
+          <a
+            href="https://github.com/openmaptiles/openmaptiles/issues/1587"
+            style={{ color: '#fff', textDecoration: 'underline' }}
+          >
+            issue here
+          </a>
+          .
+        </Alert>
+      </Snackbar>
     </MapStateContext.Provider>
   );
 };