Repository: freeCodeCamp/freeCodeCamp
File: client/src/client-only-routes/show-project-links.tsx (TypeScript)

Code before:
          {certs.map((cert, ind) => {
            const projects = certsToProjects[cert.title];
            const { certSlug } = projects[0];
            const certLocation = `/certification/${username}/${certSlug}`;
            return (
              <tr key={ind}>
                <td>
                  <Link className='project-link' to={certLocation} external>
                    {t(`certification.title.${cert.title}`, cert.title)}
                  </Link>
                </td>
              </tr>
            );
          })}
        </>
      );
    }

    const project = certsToProjects[certName];
    return (
      <>
        {project.map(({ link, title, id }) => (
          <tr key={id}>
            <td>
              <Link to={link}>
                {t(`certification.project.title.${title}`, title)}
              </Link>
            </td>
            <td colSpan={2}>{getProjectSolution(id, title)}</td>
          </tr>
        ))}
      </>
    );
  };

  const {
    certName,
    name,
    user: { username }
  } = props;
  const { completedChallenge, showCode, projectTitle } = solutionState;
  const examResults = completedChallenge?.examResults;

  const challengeData: CompletedChallenge | null = completedChallenge
    ? {
        ...completedChallenge,
        // // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
        challengeFiles:
          completedChallenge?.challengeFiles?.map(regeneratePathAndHistory) ??
          null
      }

Review comment (suggestion):
```suggestion
                {t(`certification.projects.title.${title}`, title)}
```

Code after:
          {certs.map((cert, ind) => {
            const projects = certsToProjects[cert.title];
            const { certSlug } = projects[0];
            const certLocation = `/certification/${username}/${certSlug}`;
            return (
              <tr key={ind}>
                <td>
                  <Link className='project-link' to={certLocation} external>
                    {t(`certification.title.${cert.title}`, cert.title)}
                  </Link>
                </td>
              </tr>
            );
          })}
        </>
      );
    }

    const projects = certsToProjects[certName];
    return (
      <>
        {projects.map(({ link, title, id }) => (
          <tr key={id}>
            <td>
              <Link to={link}>
                {t(`certification.projects.title.${title}`, title)}
              </Link>
            </td>
            <td colSpan={2}>{getProjectSolution(id, title)}</td>
          </tr>
        ))}
      </>
    );
  };

  const {
    certName,
    name,
    user: { username }
  } = props;
  const { completedChallenge, showCode, projectTitle } = solutionState;
  const examResults = completedChallenge?.examResults;

  const challengeData: CompletedChallenge | null = completedChallenge
    ? {
        ...completedChallenge,
        // // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
        challengeFiles:
          completedChallenge?.challengeFiles?.map(regeneratePathAndHistory) ??
          null
      }