Skip to content

Commit fedead4

Browse files
Merge pull request #5471 from topcoder-platform/outage-banner
Outage banner
2 parents 964a70e + 68cf04a commit fedead4

File tree

5 files changed

+66
-0
lines changed

5 files changed

+66
-0
lines changed

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

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,14 @@ exports[`Matches shallow shapshot 1 shapshot 1 1`] = `
88
<Connect(Container)
99
setFilterState={[MockFunction]}
1010
/>
11+
<div
12+
className="src-shared-components-challenge-listing-___style__outage-banner___JSVnq"
13+
>
14+
<strong>
15+
Heads up!
16+
</strong>
17+
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!
18+
</div>
1119
<div
1220
className="src-shared-components-challenge-listing-___style__tc-content-wrapper___1MqlF"
1321
>
@@ -64,6 +72,14 @@ exports[`Matches shallow shapshot 2 shapshot 2 1`] = `
6472
<Connect(Container)
6573
setFilterState={[MockFunction]}
6674
/>
75+
<div
76+
className="src-shared-components-challenge-listing-___style__outage-banner___JSVnq"
77+
>
78+
<strong>
79+
Heads up!
80+
</strong>
81+
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!
82+
</div>
6783
<div
6884
className="src-shared-components-challenge-listing-___style__tc-content-wrapper___1MqlF"
6985
>

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

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -167,6 +167,13 @@ export default function ChallengeListing(props) {
167167
)
168168
}
169169

170+
<div styleName="outage-banner">
171+
<strong>Heads up!</strong> We will be doing testing work on our Community Platform on
172+
April 12, 2021 between 7:30-9:30 UTC-4. We will do our best to ensure a smooth experience
173+
for our users but please be aware there may be unforeseen issues during that time.
174+
Thank you!
175+
</div>
176+
170177
<div styleName="tc-content-wrapper">
171178
<div styleName={desktop ? 'sidebar-container-desktop' : 'sidebar-container-mobile'}>
172179
<Sidebar

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

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -132,3 +132,21 @@ $challenge-radius-4: $corner-radius * 2;
132132
margin-left: 3px;
133133
display: inline-block;
134134
}
135+
136+
.outage-banner {
137+
margin: 15px 15px 0 15px;
138+
padding: 10px;
139+
margin-bottom: -15px;
140+
141+
@include roboto-regular;
142+
143+
font-size: 13px;
144+
line-height: 20px;
145+
background-color: #fdf6d5;
146+
147+
strong {
148+
color: $tc-red;
149+
text-transform: uppercase;
150+
font-weight: bold;
151+
}
152+
}

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

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -414,6 +414,12 @@ class ChallengeDetailPageContainer extends React.Component {
414414

415415
return (
416416
<div styleName="outer-container">
417+
<div styleName="outage-banner">
418+
<strong>Heads up!</strong> We will be doing testing work on our Community Platform on
419+
April 12, 2021 between 7:30-9:30 UTC-4. We will do our best to ensure a smooth experience
420+
for our users but please be aware there may be unforeseen issues during that time.
421+
Thank you!
422+
</div>
417423
<div styleName="challenge-detail-container" role="main">
418424
{ Boolean(isEmpty) && (
419425
<div styleName="page">

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

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -36,3 +36,22 @@
3636
text-align: center;
3737
width: 100%;
3838
}
39+
40+
.outage-banner {
41+
margin: auto;
42+
max-width: 1240px;
43+
padding: 4 * $base-unit;
44+
width: 100%;
45+
46+
@include roboto-regular;
47+
48+
font-size: 13px;
49+
line-height: 20px;
50+
background-color: #fdf6d5;
51+
52+
strong {
53+
color: $tc-red;
54+
text-transform: uppercase;
55+
font-weight: bold;
56+
}
57+
}

0 commit comments

Comments
 (0)