general: clickable POIs broken message (#195)

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>
   );
 };