Merge pull request #5479 from topcoder-platform/develop

Release 2021/04/12 (v1.8.7)

Author: luizrrodrigues

.circleci/config.yml

@@ -276,6 +276,7 @@ workflows:
             branches:
               only:
                 - develop
+                - remove-outage-banner
       # This is alternate dev env for parallel testing
       - "build-test":
           context : org-global      
@@ -305,6 +306,7 @@ workflows:
             branches:
               only:
                 - develop
+                - remove-outage-banner
       - "approve-smoke-test-on-staging":
           type: approval
           requires:

__tests__/shared/components/challenge-listing/__snapshots__/index.jsx.snap

@@ -8,14 +8,6 @@ exports[`Matches shallow shapshot 1 shapshot 1 1`] = `
   <Connect(Container)
     setFilterState={[MockFunction]}
   />
-  <div
-    className="src-shared-components-challenge-listing-___style__outage-banner___JSVnq"
-  >
-    <strong>
-      Heads up!
-    </strong>
-     We will be doing testing work on our Community Platform on April 12, 2021 between 8:30-10: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!
-  </div>
   <div
     className="src-shared-components-challenge-listing-___style__tc-content-wrapper___1MqlF"
   >
@@ -72,14 +64,6 @@ exports[`Matches shallow shapshot 2 shapshot 2 1`] = `
   <Connect(Container)
     setFilterState={[MockFunction]}
   />
-  <div
-    className="src-shared-components-challenge-listing-___style__outage-banner___JSVnq"
-  >
-    <strong>
-      Heads up!
-    </strong>
-     We will be doing testing work on our Community Platform on April 12, 2021 between 8:30-10: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!
-  </div>
   <div
     className="src-shared-components-challenge-listing-___style__tc-content-wrapper___1MqlF"
   >

src/shared/components/challenge-listing/index.jsx

@@ -167,13 +167,6 @@ export default function ChallengeListing(props) {
           )
       }
 
-      <div styleName="outage-banner">
-        <strong>Heads up!</strong> We will be doing testing work on our Community Platform on
-        April 12, 2021 between 8:30-10: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!
-      </div>
-
       <div styleName="tc-content-wrapper">
         <div styleName={desktop ? 'sidebar-container-desktop' : 'sidebar-container-mobile'}>
           <Sidebar

src/shared/components/challenge-listing/style.scss

@@ -132,21 +132,3 @@ $challenge-radius-4: $corner-radius * 2;
   margin-left: 3px;
   display: inline-block;
 }
-
-.outage-banner {
-  margin: 15px 15px 0 15px;
-  padding: 10px;
-  margin-bottom: -15px;
-
-  @include roboto-regular;
-
-  font-size: 13px;
-  line-height: 20px;
-  background-color: #fdf6d5;
-
-  strong {
-    color: $tc-red;
-    text-transform: uppercase;
-    font-weight: bold;
-  }
-}

src/shared/containers/challenge-detail/index.jsx

@@ -414,12 +414,6 @@ class ChallengeDetailPageContainer extends React.Component {
 
     return (
       <div styleName="outer-container">
-        <div styleName="outage-banner">
-          <strong>Heads up!</strong> We will be doing testing work on our Community Platform on
-          April 12, 2021 between 8:30-10: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!
-        </div>
         <div styleName="challenge-detail-container" role="main">
           { Boolean(isEmpty) && (
             <div styleName="page">

src/shared/containers/challenge-detail/styles.scss

@@ -36,22 +36,3 @@
   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;
-  }
-}