add temporary notice banner to app layouts (zooniverse#6456)

eatyourgreens · Nov 13, 2024 · 7b9879d · 7b9879d
1 parent c48e590
commit 7b9879d
Show file tree

Hide file tree

Showing 2 changed files with 79 additions and 6 deletions.
diff --git a/packages/app-project/src/shared/components/StandardLayout/StandardLayout.js b/packages/app-project/src/shared/components/StandardLayout/StandardLayout.js
@@ -8,14 +8,11 @@ import styled from 'styled-components'
 import { useTranslation } from 'next-i18next'
 
 import { useAdminMode } from '@hooks'
-import {
-  AdminContainer,
-  Announcements,
-  ProjectHeader
-} from '@components'
+import { AdminContainer, Announcements, ProjectHeader } from '@components'
 import PageHeader from '../../../components/PageHeader/PageHeader.js'
 
-export const adminBorderImage = 'repeating-linear-gradient(45deg,#000,#000 25px,#ff0 25px,#ff0 50px) 5'
+export const adminBorderImage =
+  'repeating-linear-gradient(45deg,#000,#000 25px,#ff0 25px,#ff0 50px) 5'
 const PageBox = styled(Box)`
   &.admin {
     border-image: ${adminBorderImage};
@@ -56,6 +53,44 @@ function StandardLayout({ children, page = '' }) {
 
   return (
     <PageBox className={className} data-testid='project-page' border={border}>
+      <details
+        style={{
+          padding: '5px clamp(20px, 3vw, 30px)',
+          fontSize: '1rem',
+          lineHeight: 1.2,
+          color: '#000',
+          background: '#f0b200'
+        }}
+      >
+        <summary style={{ fontWeight: 'bold', cursor: 'pointer' }}>
+          Platform downtime scheduled on Wednesday November 20.
+        </summary>
+        <p style={{ paddingInline: '15px' }}>
+          The Zooniverse platform will be offline for scheduled maintenance on
+          Wednesday, November 20 from 4pm-10pm US Central Standard Time
+          (2024-11-20 22:00 UTC to 2024-11-21 4:00 UTC). During this period, all
+          projects and platform services will be inaccessible. We apologize for
+          the inconvenience; this maintenance is necessary to make updates to
+          platform infrastructure and improve long-term reliability and uptime.
+          Please visit{' '}
+          <a
+            href='https://status.zooniverse.org/incident/1019747'
+            target='_blank'
+            style={{ color: '#000' }}
+          >
+            status.zooniverse.org
+          </a>{' '}
+          for updates before and during the downtime period. For any additional
+          questions, please email{' '}
+          <a
+            style={{ color: '#000' }}
+            href='mailto:[email protected]'
+          >
+            [email protected]
+          </a>
+          .
+        </p>
+      </details>
       {page !== 'home' && <HeaderComponents adminMode={adminMode} />}
       {children}
       <ZooFooter

diff --git a/packages/app-root/src/components/RootLayout.js b/packages/app-root/src/components/RootLayout.js
@@ -6,6 +6,44 @@ export default function RootLayout({ children }) {
   return (
     <body>
       <PageContextProviders>
+        <details
+          style={{
+            padding: '5px clamp(20px, 3vw, 30px)',
+            fontSize: '1rem',
+            lineHeight: 1.2,
+            color: '#000',
+            background: '#f0b200'
+          }}
+        >
+          <summary style={{ fontWeight: 'bold', cursor: 'pointer' }}>
+            Platform downtime scheduled on Wednesday November 20.
+          </summary>
+          <p style={{ paddingInline: '15px' }}>
+            The Zooniverse platform will be offline for scheduled maintenance on
+            Wednesday, November 20 from 4pm-10pm US Central Standard Time
+            (2024-11-20 22:00 UTC to 2024-11-21 4:00 UTC). During this period, all
+            projects and platform services will be inaccessible. We apologize for
+            the inconvenience; this maintenance is necessary to make updates to
+            platform infrastructure and improve long-term reliability and uptime.
+            Please visit{' '}
+            <a
+              href='https://status.zooniverse.org/incident/1019747'
+              target='_blank'
+              style={{ color: '#000' }}
+            >
+              status.zooniverse.org
+            </a>{' '}
+            for updates before and during the downtime period. For any additional
+            questions, please email{' '}
+            <a
+              style={{ color: '#000' }}
+              href='mailto:[email protected]'
+            >
+              [email protected]
+            </a>
+            .
+          </p>
+        </details>
         <PageHeader />
         {children}
         <PageFooter />