File tree 5 files changed +66
-0
lines changed
__tests__/shared/components/challenge-listing/__snapshots__
components/challenge-listing
containers/challenge-detail
5 files changed +66
-0
lines changed Original file line number Diff line number Diff line change @@ -8,6 +8,14 @@ exports[`Matches shallow shapshot 1 shapshot 1 1`] = `
8
8
<Connect(Container)
9
9
setFilterState={ [MockFunction ]}
10
10
/>
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 >
11
19
<div
12
20
className = " src-shared-components-challenge-listing-___style__tc-content-wrapper___1MqlF"
13
21
>
@@ -64,6 +72,14 @@ exports[`Matches shallow shapshot 2 shapshot 2 1`] = `
64
72
<Connect(Container)
65
73
setFilterState={ [MockFunction ]}
66
74
/>
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 >
67
83
<div
68
84
className = " src-shared-components-challenge-listing-___style__tc-content-wrapper___1MqlF"
69
85
>
Original file line number Diff line number Diff line change @@ -167,6 +167,13 @@ export default function ChallengeListing(props) {
167
167
)
168
168
}
169
169
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
+
170
177
< div styleName = "tc-content-wrapper" >
171
178
< div styleName = { desktop ? 'sidebar-container-desktop' : 'sidebar-container-mobile' } >
172
179
< Sidebar
Original file line number Diff line number Diff line change @@ -132,3 +132,21 @@ $challenge-radius-4: $corner-radius * 2;
132
132
margin-left : 3px ;
133
133
display : inline-block ;
134
134
}
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
+ }
Original file line number Diff line number Diff line change @@ -414,6 +414,12 @@ class ChallengeDetailPageContainer extends React.Component {
414
414
415
415
return (
416
416
< 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 >
417
423
< div styleName = "challenge-detail-container" role = "main" >
418
424
{ Boolean ( isEmpty ) && (
419
425
< div styleName = "page" >
Original file line number Diff line number Diff line change 36
36
text-align : center ;
37
37
width : 100% ;
38
38
}
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
+ }
You can’t perform that action at this time.
0 commit comments