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

fix(i18n): Expand/Collapse Courses Button text (#44528)

Browse Source 
* fix(i18n): Expand/Collapse Courses Button text

* Update client/i18n/locales/english/intro.json

Co-authored-by: Ilenia <nethleen@gmail.com>

* Update client/i18n/locales/english/intro.json

Co-authored-by: Ilenia <nethleen@gmail.com>

Co-authored-by: Ilenia <nethleen@gmail.com>
This commit is contained in:
Prashant
2021-12-20 22:54:09 +05:30
committed by GitHub
parent 63a53ee382
commit 304773d62b
3 changed files with 6 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/i18n/locales/english/intro.json
View File

@ -560,7 +560,7 @@
"browse-other": "Browse our other free certifications\n(we recommend doing these in order)", "browse-other": "Browse our other free certifications\n(we recommend doing these in order)",
"courses": "Courses", "courses": "Courses",
"steps": "Steps", "steps": "Steps",
"expand": "Expand", "expand": "Expand courses",
"collapse": "Collapse" "collapse": "Collapse courses"
} }
} }

8
client/src/templates/Introduction/components/block.tsx
View File

@ -136,12 +136,10 @@ export class Block extends Component<BlockProps> {
const blockIntroArr = blockIntroObj ? blockIntroObj.intro : []; const blockIntroArr = blockIntroObj ? blockIntroObj.intro : [];
const { const {
expand: expandText, expand: expandText,
collapse: collapseText, collapse: collapseText
courses: coursesText
}: { }: {
expand: string; expand: string;
collapse: string; collapse: string;
courses: string;
} = t('intro:misc-text'); } = t('intro:misc-text');
return isProjectBlock ? ( return isProjectBlock ? (
@ -203,9 +201,7 @@ export class Block extends Component<BlockProps> {
> >
<Caret /> <Caret />
<h4 className='course-title'> <h4 className='course-title'>
{`${ {`${isExpanded ? collapseText : expandText}`}
isExpanded ? collapseText : expandText
} ${coursesText.toLowerCase()}`}
</h4> </h4>
<div className='map-title-completed course-title'> <div className='map-title-completed course-title'>
{this.renderCheckMark( {this.renderCheckMark(

8
client/src/templates/Introduction/components/certification-card.tsx
View File

@ -37,12 +37,10 @@ const CertificationCard = ({
const { const {
expand: expandText, expand: expandText,
collapse: collapseText, collapse: collapseText
courses: coursesText
}: { }: {
expand: string; expand: string;
collapse: string; collapse: string;
courses: string;
} = t('intro:misc-text'); } = t('intro:misc-text');
return ( return (
<ScrollableAnchor id='claim-cert-block'> <ScrollableAnchor id='claim-cert-block'>
@ -65,9 +63,7 @@ const CertificationCard = ({
> >
<Caret /> <Caret />
<h4 className='course-title'> <h4 className='course-title'>
{`${ {`${isExpanded ? collapseText : expandText}`}
isExpanded ? collapseText : expandText
} ${coursesText.toLowerCase()}`}
</h4> </h4>
<div className='map-title-completed course-title'> <div className='map-title-completed course-title'>
{completedCount === numberOfSteps ? ( {completedCount === numberOfSteps ? (