Repository: freeCodeCamp/freeCodeCamp
File: client/src/templates/Introduction/components/block.tsx (TypeScript)

Code before:
            <h3 className='block-grid-title'>
              <Link
                className='block-header'
                onClick={() => {
                  this.handleBlockClick();
                }}
                to={challengesWithCompleted[0].fields.slug}
              >
                <CheckMark isCompleted={isBlockCompleted} />
                {blockType && <BlockLabel blockType={blockType} />}
                {blockTitle}
              </Link>
            </h3>
          </div>
          <BlockIntros intros={blockIntroArr} />
        </div>
      </ScrollableAnchor>
    );

    /**
     * ChallengeGridBlock displays challenges in a grid.
     * This layout is specifically used for the new Full Stack Developer Certification.
     */
    const ChallengeGridBlock = (
      <>
        {' '}
        <ScrollableAnchor id={block}>
          <div
            className={`block block-grid challenge-grid-block ${isExpanded ? 'open' : ''}`}
          >
            <BlockHeader
              blockDashed={block}
              blockTitle={blockTitle}
              blockType={blockType}
              completedCount={completedCount}
              courseCompletionStatus={courseCompletionStatus()}
              handleClick={this.handleBlockClick}
              isCompleted={isBlockCompleted}
              isExpanded={isExpanded}
              percentageCompleted={percentageCompleted}
              blockIntroArr={blockIntroArr}
            />
            {!isAudited && (
              <div className='tags-wrapper'>
                <Link
                  className='cert-tag'
                  to={t('links:help-translate-link-url')}
                >
                  {t('misc.translation-pending')}
                </Link>
              </div>

Review comment (suggestion):
```suggestion
```
It doesn't appear to do anything. I'll get rid of the rest in another PR.

Code after:
              >
                <CheckMark isCompleted={isBlockCompleted} />
                {blockType && <BlockLabel blockType={blockType} />}
                {blockTitle}
              </Link>
            </h3>
          </div>
          <BlockIntros intros={blockIntroArr} />
        </div>
      </ScrollableAnchor>
    );

    /**
     * ChallengeGridBlock displays challenges in a grid.
     * This layout is specifically used for the new Full Stack Developer Certification.
     */
    const ChallengeGridBlock = (
      <ScrollableAnchor id={block}>
        <div
          className={`block block-grid challenge-grid-block ${isExpanded ? 'open' : ''}`}
        >
          <BlockHeader
            blockDashed={block}
            blockTitle={blockTitle}
            blockType={blockType}
            completedCount={completedCount}
            courseCompletionStatus={courseCompletionStatus()}
            handleClick={this.handleBlockClick}
            isCompleted={isBlockCompleted}
            isExpanded={isExpanded}
            percentageCompleted={percentageCompleted}
            blockIntroArr={blockIntroArr}
          />
          {!isAudited && (
            <div className='tags-wrapper'>
              <Link
                className='cert-tag'
                to={t('links:help-translate-link-url')}
              >
                {t('misc.translation-pending')}
              </Link>
            </div>
          )}
          {isExpanded && (
            <div id={`${block}-panel`} className='challenge-grid-block-panel'>
              <Challenges
                challengesWithCompleted={challengesWithCompleted}
                isProjectBlock={isProjectBlock}
                isGridMap={true}
                blockTitle={blockTitle}
              />