gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(client): display challenge completion status inline (#41006)

Browse Source
This commit is contained in:
Sem Bauke
2021-02-09 18:18:05 +01:00
committed by GitHub
parent 827bcfaaa2
commit 0e9560b455
2 changed files with 63 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
client/src/templates/Challenges/components/Challenge-Title.js
View File

@ -39,12 +39,12 @@ function ChallengeTitle({ block, children, isCompleted, superBlock }) {
</div> </div>
<div className='challenge-title'> <div className='challenge-title'>
<b>{children}</b> <b>{children}</b>
{isCompleted ? (
<GreenPass
style={{ height: '15px', width: '15px', marginLeft: '7px' }}
/>
) : null}
</div> </div>
{isCompleted ? (
<GreenPass
style={{ height: '15px', width: '15px', marginLeft: '7px' }}
/>
) : null}
</div> </div>
); );
} }

116
client/src/templates/Challenges/components/__snapshots__/ChallengeTitle.test.js.snap
View File

@ -34,64 +34,64 @@ exports[`<ChallengeTitle/> renders correctly 1`] = `
<b> <b>
title text title text
</b> </b>
</div> <span
<span className="sr-only"
className="sr-only" >
> icons.passed
icons.passed </span>
</span> <svg
<svg height="50"
height="50" style={
style={ Object {
Object { "height": "15px",
"height": "15px", "marginLeft": "7px",
"marginLeft": "7px", "width": "15px",
"width": "15px", }
} }
} viewBox="0 0 200 200"
viewBox="0 0 200 200" width="50"
width="50" xmlns="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" >
> <g>
<g> <title>
<title> icons.passed
icons.passed </title>
</title> <circle
<circle cx="100"
cx="100" cy="99"
cy="99" fill="var(--primary-color)"
fill="var(--primary-color)" r="95"
r="95" stroke="var(--primary-color)"
stroke="var(--primary-color)" strokeDasharray="null"
strokeDasharray="null" strokeLinecap="null"
strokeLinecap="null" strokeLinejoin="null"
strokeLinejoin="null" />
/> <rect
<rect fill="var(--primary-background)"
fill="var(--primary-background)" height="30"
height="30" stroke="var(--primary-background)"
stroke="var(--primary-background)" strokeDasharray="null"
strokeDasharray="null" strokeLinecap="null"
strokeLinecap="null" strokeLinejoin="null"
strokeLinejoin="null" transform="rotate(-45, 120, 106.321)"
transform="rotate(-45, 120, 106.321)" width="128.85878"
width="128.85878" x="55.57059"
x="55.57059" y="91.32089"
y="91.32089" />
/> <rect
<rect fill="var(--primary-background)"
fill="var(--primary-background)" height="30"
height="30" stroke="var(--primary-background)"
stroke="var(--primary-background)" strokeDasharray="null"
strokeDasharray="null" strokeLinecap="null"
strokeLinecap="null" strokeLinejoin="null"
strokeLinejoin="null" transform="rotate(45, 66.75, 123.75)"
transform="rotate(45, 66.75, 123.75)" width="80.66548"
width="80.66548" x="26.41726"
x="26.41726" y="108.75"
y="108.75" />
/> </g>
</g> </svg>
</svg> </div>
</div> </div>
`; `;