jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-01-24 06:03:28 -05:00
Code Issues Projects Releases Wiki Activity

fix: add scrollable anchor to grid project block (#45954)

Browse Source
This commit is contained in:
Naomi Carrigan
2022-05-14 00:17:20 -07:00
committed by GitHub
parent 538e7c787b
commit d808d726f4
1 changed files with 30 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -305,32 +305,36 @@ export class Block extends Component<BlockProps> {
);
const GridProjectBlock = (
<div className='block block-grid grid-project-block'>
<Link
className='block-header'
onClick={() => {
this.handleBlockClick();
}}
to={challengesWithCompleted[0].fields.slug}
>
<div className='tags-wrapper'>
<span className='cert-tag'>{t('misc.certification-project')}</span>
{!isAuditedCert(curriculumLocale, superBlock) && (
<Link
className='cert-tag'
to={t('links:help-translate-link-url')}
>
{t('misc.translation-pending')}
</Link>
)}
</div>
<div className='title-wrapper map-title'>
{this.renderCheckMark(isBlockCompleted)}
<h3 className='block-grid-title'>{blockTitle}</h3>
</div>
{this.renderBlockIntros(blockIntroArr)}
</Link>
</div>
<ScrollableAnchor id={blockDashedName}>
<div className='block block-grid grid-project-block'>
<Link
className='block-header'
onClick={() => {
this.handleBlockClick();
}}
to={challengesWithCompleted[0].fields.slug}
>
<div className='tags-wrapper'>
<span className='cert-tag'>
{t('misc.certification-project')}
</span>
{!isAuditedCert(curriculumLocale, superBlock) && (
<Link
className='cert-tag'
to={t('links:help-translate-link-url')}
>
{t('misc.translation-pending')}
</Link>
)}
</div>
<div className='title-wrapper map-title'>
{this.renderCheckMark(isBlockCompleted)}
<h3 className='block-grid-title'>{blockTitle}</h3>
</div>
{this.renderBlockIntros(blockIntroArr)}
</Link>
</div>
</ScrollableAnchor>
);
const blockrenderer = () => {