diff --git a/__tests__/shared/components/challenge-listing/__snapshots__/index.jsx.snap b/__tests__/shared/components/challenge-listing/__snapshots__/index.jsx.snap
index 351bba4c01..65f45cfc49 100644
--- a/__tests__/shared/components/challenge-listing/__snapshots__/index.jsx.snap
+++ b/__tests__/shared/components/challenge-listing/__snapshots__/index.jsx.snap
@@ -8,6 +8,14 @@ exports[`Matches shallow shapshot 1 shapshot 1 1`] = `
+
+
+ Heads up!
+
+ We will be doing testing work on our Community Platform on April 12, 2021 between 7:30-9:30 UTC-4. We will do our best to ensure a smooth experience for our users but please be aware there may be unforeseen issues during that time. Thank you!
+
@@ -64,6 +72,14 @@ exports[`Matches shallow shapshot 2 shapshot 2 1`] = `
+
+
+ Heads up!
+
+ We will be doing testing work on our Community Platform on April 12, 2021 between 7:30-9:30 UTC-4. We will do our best to ensure a smooth experience for our users but please be aware there may be unforeseen issues during that time. Thank you!
+
diff --git a/src/shared/components/challenge-listing/index.jsx b/src/shared/components/challenge-listing/index.jsx
index 3eacd7ecdc..5fb7630741 100644
--- a/src/shared/components/challenge-listing/index.jsx
+++ b/src/shared/components/challenge-listing/index.jsx
@@ -167,6 +167,13 @@ export default function ChallengeListing(props) {
)
}
+
+ Heads up! We will be doing testing work on our Community Platform on
+ April 12, 2021 between 7:30-9:30 UTC-4. We will do our best to ensure a smooth experience
+ for our users but please be aware there may be unforeseen issues during that time.
+ Thank you!
+
+
+
+ Heads up! We will be doing testing work on our Community Platform on
+ April 12, 2021 between 7:30-9:30 UTC-4. We will do our best to ensure a smooth experience
+ for our users but please be aware there may be unforeseen issues during that time.
+ Thank you!
+
{ Boolean(isEmpty) && (
diff --git a/src/shared/containers/challenge-detail/styles.scss b/src/shared/containers/challenge-detail/styles.scss
index 5f75cc5054..64bc07d1a9 100644
--- a/src/shared/containers/challenge-detail/styles.scss
+++ b/src/shared/containers/challenge-detail/styles.scss
@@ -36,3 +36,22 @@
text-align: center;
width: 100%;
}
+
+.outage-banner {
+ margin: auto;
+ max-width: 1240px;
+ padding: 4 * $base-unit;
+ width: 100%;
+
+ @include roboto-regular;
+
+ font-size: 13px;
+ line-height: 20px;
+ background-color: #fdf6d5;
+
+ strong {
+ color: $tc-red;
+ text-transform: uppercase;
+ font-weight: bold;
+ }
+}