From adf48bb7b4ec3d1f9d7ec31736f5950bc587612c Mon Sep 17 00:00:00 2001
From: "Shaun A. Noordin" <shaunanoordin@users.noreply.github.com>
Date: Tue, 7 Nov 2023 01:00:04 +0000
Subject: [PATCH] MapExplorer: add notice for issue #838 (#839)

---
 .../wildcam-map/containers/MapControls.jsx      | 17 +++++++++++++++++
 src/styles/components/wildcam-map.styl          | 14 ++++++++++++++
 2 files changed, 31 insertions(+)

diff --git a/src/modules/wildcam-map/containers/MapControls.jsx b/src/modules/wildcam-map/containers/MapControls.jsx
index 70f202f9..2c7559a1 100644
--- a/src/modules/wildcam-map/containers/MapControls.jsx
+++ b/src/modules/wildcam-map/containers/MapControls.jsx
@@ -179,6 +179,23 @@ class MapControls extends React.Component {
             
           </AccordionPanel>
         </Accordion>
+
+        {/* TEMPORARY: please see https://github.com/zooniverse/classroom/issues/838 */}
+        <Accordion>
+          <AccordionPanel heading="Notice" className="map-controls-notice">
+            <Box className="map-controls-notice-message" pad="small">
+              <p>
+                We've recently had reports of teachers and students encountering intermittent issues with the Map Explorer.
+                If you can't see any orange circles on the map, or download data, or the "Loading..." message stays there for more than a minute, then it's likely that the <a href="https://classroom-maps-api.zooniverse.org/">Maps API server</a> is temporarily down.
+                The dev team is currently looking into the problem, and we apologise for the disruption to your classroom, research, and/or personal exploration.
+                To follow the dev team's progress, please check <a href="https://github.com/zooniverse/classroom/issues/838">Github issue 838 on the Zooniverse Classroom repo</a>.
+                If you have any queries, or wish to report additional problems, please contact the Zooniverse team at <a href="mailto:contact@zooniverse.org">contact@zooniverse.org</a>
+                &nbsp; (Last updated 2023.11.07)
+              </p>
+            </Box>
+          </AccordionPanel>
+        </Accordion>
+
         <Accordion
           openMulti={true}
           active={[0]}
diff --git a/src/styles/components/wildcam-map.styl b/src/styles/components/wildcam-map.styl
index 260f6e22..4d58f465 100644
--- a/src/styles/components/wildcam-map.styl
+++ b/src/styles/components/wildcam-map.styl
@@ -40,6 +40,20 @@
       &.selected
         background: TEAL_LIGHT
     
+    /* TEMPORARY: please see https://github.com/zooniverse/classroom/issues/838 */
+    .map-controls-notice
+      background: ALERT_COLOR
+      font-size: 0.8em
+
+      header
+        color: #ffffff
+    
+    .map-controls-notice-message
+      p
+        font-size: 0.8em
+        margin: 0
+        padding: 0
+    
     .map-controls-small-button
       flex: 0 0 auto
       padding: 0.25rem