Skip to content

Commit 22bfdb9

Browse files
jmgasperjmgasper
committed
Topgear updates to challenge details and submission pages PROD-4430
1 parent 4f994fc commit 22bfdb9

File tree

4 files changed

+130
-79
lines changed

4 files changed

+130
-79
lines changed

‎src/shared/components/SubmissionPage/Submit/index.jsx

Lines changed: 26 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -163,13 +163,31 @@ class Submit extends React.Component {
163163
}
164164
}
165165

166-
const submissionInstruction = isChallengeBelongToTopgearGroup
167-
? `Challenge participants should upload the outcome/asset/deliverable of
168-
the challenge to the repository specified by the project team/challenge creator.
169-
Copy the link of the outcome/asset/deliverable that was uploaded and enter
170-
this link in the text box and click on SET URL. Ensure that the submission
171-
link always reflects the outcome that was delivered as part of the challenge.
172-
Do not submit any irrelevant link as submission link is proof to the work done.`
166+
const submissionInstruction = isChallengeBelongToTopgearGroup ? (
167+
<div>
168+
<div>
169+
<span styleName="wipro-steps-header"> Steps for Submission:</span>
170+
</div>
171+
<div>
172+
<ol styleName="wipro-steps">
173+
<li>Upload the outcome/asset/deliverable of the challenge to the repository
174+
(e.g OneDrive/teams folder) as specified by the project team/challenge creator.
175+
</li>
176+
<li>Copy the link of the outcome/asset/deliverable that was uploaded.
177+
Enter this link in the text box and click on “SET URL”.
178+
</li>
179+
<li>Please check the acceptance/confirmation box at the bottom left corner.</li>
180+
<li>Click on the ‘Submit’ option at the bottom right.</li>
181+
</ol>
182+
</div>
183+
<div styleName="wipro-warning">
184+
Ensure that the submission link always reflects the outcome
185+
that was delivered as part of the challenge.&nbsp;
186+
<span styleName="wipro-red">Do not submit any irrelevant links</span>&nbsp;
187+
as the submission link is proof of the work done.
188+
</div>
189+
</div>
190+
)
173191
: `Please follow the instructions on the Challenge Details page regarding
174192
what your submission should contain and how it should be organized.`;
175193
const troubleInstruction = isChallengeBelongToTopgearGroup
@@ -221,6 +239,7 @@ class Submit extends React.Component {
221239
<div styleName="submission-hints">
222240
{ track === COMPETITION_TRACKS.DEV ? (
223241
<div>
242+
<br />
224243
{!!isChallengeBelongToTopgearGroup
225244
&& (<p>Enter the URL to your submission.</p>)}
226245
</div>

‎src/shared/components/SubmissionPage/Submit/styles.scss

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -285,3 +285,23 @@
285285
color: #767676 !important;
286286
background: #f4f4f4 !important;
287287
}
288+
289+
.wipro-steps-header {
290+
font-weight: bold;
291+
text-decoration: underline;
292+
}
293+
294+
.wipro-steps {
295+
font-style: normal;
296+
list-style-type: decimal;
297+
padding-left: 25px;
298+
}
299+
300+
.wipro-warning {
301+
font-weight: bold;
302+
padding-top: 20px;
303+
}
304+
305+
.wipro-red {
306+
color: red;
307+
}

‎src/shared/components/challenge-detail/Specification/SideBar/index.jsx

Lines changed: 82 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -34,6 +34,7 @@ export default function SideBar({
3434
metadata,
3535
reviewScorecardId,
3636
screeningScorecardId,
37+
isWipro,
3738
}) {
3839
const scorecardURL = `${config.URL.ONLINE_REVIEW}/review/actions/ViewScorecard?scid=`;
3940
const faqURL = config.URL.INFO.DESIGN_CHALLENGE_SUBMISSION;
@@ -142,11 +143,20 @@ export default function SideBar({
142143
<h2>
143144
LEARN:
144145
</h2>
145-
<p styleName="link-like-paragraph">
146-
<a href="/thrive/articles/all-about-topcoder-challenges-tasks-and-gig-work-opportunities">
147-
Topcoder Challenges Explained
148-
</a>
149-
</p>
146+
{isWipro ? (
147+
<p styleName="link-like-paragraph">
148+
<a href={config.URL.INFO.TOPGEAR_TERMS}>
149+
TopGear Challenges Explained
150+
</a>
151+
</p>
152+
)
153+
: (
154+
<p styleName="link-like-paragraph">
155+
<a href="/thrive/articles/all-about-topcoder-challenges-tasks-and-gig-work-opportunities">
156+
Topcoder Challenges Explained
157+
</a>
158+
</p>
159+
)}
150160
</div>
151161
<EligibleEvents eventDetails={eventDetail} />
152162
{
@@ -242,27 +252,32 @@ export default function SideBar({
242252
)
243253
}
244254
{
245-
!isDesign && (
246-
<span styleName="link-like-paragraph tooltip-container">
247-
<a
248-
href={config.URL.INFO.USABLECODEDEV}
249-
title="Useable Code Rules"
250-
target="_blank"
251-
rel="noreferrer"
252-
>
253-
Useable Code Rules
254-
</a>
255-
<Tooltip
256-
id="usablecode-tip"
257-
content={usableCodeArticle}
258-
className={styles['tooltip-overlay']}
259-
trigger={['hover', 'focus']}
260-
>
261-
<div styleName="tctooltip">
262-
<TooltipIcon />
263-
</div>
264-
</Tooltip>
265-
</span>
255+
!isWipro && (
256+
<div>
257+
{
258+
!isDesign && (
259+
<span styleName="link-like-paragraph tooltip-container">
260+
<a
261+
href={config.URL.INFO.USABLECODEDEV}
262+
title="Useable Code Rules"
263+
target="_blank"
264+
rel="noreferrer"
265+
>
266+
Useable Code Rules
267+
</a>
268+
<Tooltip
269+
id="usablecode-tip"
270+
content={usableCodeArticle}
271+
className={styles['tooltip-overlay']}
272+
trigger={['hover', 'focus']}
273+
>
274+
<div styleName="tctooltip">
275+
<TooltipIcon />
276+
</div>
277+
</Tooltip>
278+
</span>
279+
)}
280+
</div>
266281
)
267282
}
268283
</div>
@@ -443,41 +458,45 @@ export default function SideBar({
443458
</div>
444459
)
445460
}
446-
<div>
447-
<h2>
448-
TOOLBOX:
449-
</h2>
450-
<span styleName="link-like-paragraph tooltip-container">
451-
<a
452-
href={config.URL.INFO.EXTENSIONVSCODE}
453-
title="Topcoder Extension for VSCode"
454-
target="_blank"
455-
rel="noreferrer"
456-
>
457-
Topcoder Extension for VSCode
458-
</a>
459-
<Tooltip
460-
id="vscode-tip"
461-
content={vscodeTip}
462-
className={styles['tooltip-overlay']}
463-
trigger={['hover', 'focus']}
464-
>
465-
<div styleName="tctooltip">
466-
<TooltipIcon />
467-
</div>
468-
</Tooltip>
469-
</span>
470-
<span styleName="link-like-paragraph tooltip-container">
471-
<a
472-
href={config.URL.INFO.TEMPLATES_REPO}
473-
title="Topcoder Templates repository"
474-
target="_blank"
475-
rel="noreferrer"
476-
>
477-
Topcoder Templates repository
478-
</a>
479-
</span>
480-
</div>
461+
{
462+
!isWipro && (
463+
<div>
464+
<h2>
465+
TOOLBOX:
466+
</h2>
467+
<span styleName="link-like-paragraph tooltip-container">
468+
<a
469+
href={config.URL.INFO.EXTENSIONVSCODE}
470+
title="Topcoder Extension for VSCode"
471+
target="_blank"
472+
rel="noreferrer"
473+
>
474+
Topcoder Extension for VSCode
475+
</a>
476+
<Tooltip
477+
id="vscode-tip"
478+
content={vscodeTip}
479+
className={styles['tooltip-overlay']}
480+
trigger={['hover', 'focus']}
481+
>
482+
<div styleName="tctooltip">
483+
<TooltipIcon />
484+
</div>
485+
</Tooltip>
486+
</span>
487+
<span styleName="link-like-paragraph tooltip-container">
488+
<a
489+
href={config.URL.INFO.TEMPLATES_REPO}
490+
title="Topcoder Templates repository"
491+
target="_blank"
492+
rel="noreferrer"
493+
>
494+
Topcoder Templates repository
495+
</a>
496+
</span>
497+
</div>
498+
)
499+
}
481500
{shareable && (
482501
<div>
483502
<h2>
@@ -512,6 +531,7 @@ SideBar.defaultProps = {
512531
reviewScorecardId: '',
513532
screeningScorecardId: '',
514533
legacyId: '',
534+
isWipro: false,
515535
};
516536

517537
SideBar.propTypes = {
@@ -536,4 +556,5 @@ SideBar.propTypes = {
536556
metadata: PT.array,
537557
reviewScorecardId: PT.oneOfType([PT.string, PT.number]),
538558
screeningScorecardId: PT.string,
559+
isWipro: PT.bool,
539560
};

‎src/shared/components/challenge-detail/Specification/index.jsx

Lines changed: 2 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -387,17 +387,7 @@ export default function ChallengeDetailsView(props) {
387387
credited as part Sept month salary). For payment of prize
388388
money, respective country currency conversion shall be
389389
considered as per Wipro standard currency conversion
390-
guidelines. Please refer to policy document at
391-
&zwnj;
392-
<a
393-
href="https://wipro365.sharepoint.com/sites/wipro-people-policies/wipro%20policies/TopGear-RewardPoints-Policy.pdf"
394-
rel="noopener noreferrer"
395-
target="_blank"
396-
>
397-
https://wipro365.sharepoint.com/sites/wipro-people-policies/wipro%20policies/TopGear-RewardPoints-Policy.pdf
398-
</a>
399-
&zwnj;
400-
for details regarding the policy.
390+
guidelines.
401391
</p>
402392
</div>
403393
</article>
@@ -423,6 +413,7 @@ export default function ChallengeDetailsView(props) {
423413
metadata={metadata}
424414
reviewScorecardId={reviewScorecardId}
425415
screeningScorecardId={screeningScorecardId}
416+
isWipro={isWipro}
426417
/>
427418
) : (<div />) }
428419
</div>

0 commit comments

Comments
 (0)