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 className='challenge-title'>
<b>{children}</b>
{isCompleted ? (
<GreenPass
style={{ height: '15px', width: '15px', marginLeft: '7px' }}
/>
) : null}
</div>
{isCompleted ? (
<GreenPass
style={{ height: '15px', width: '15px', marginLeft: '7px' }}
/>
) : null}
</div>
);
}

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

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