feat(client): ts-migrate client/src/resources/certAndProjectMap.js (#42648)

Co-authored-by: Parth Parth <thecodingaviator@users.noreply.github.com>

client/src/client-only-routes/show-certification.tsx

@@ -20,7 +20,7 @@ import {
   userByNameSelector,
   fetchProfileForUser
 } from '../redux';
-import { certMap } from '../resources/certAndProjectMap';
+import { certMap } from '../resources/cert-and-project-map';
 import { createFlashMessage } from '../components/Flash/redux';
 import standardErrorMessage from '../utils/standardErrorMessage';
 import reallyWeirdErrorMessage from '../utils/reallyWeirdErrorMessage';

client/src/client-only-routes/show-project-links.tsx

@@ -2,7 +2,10 @@ import React, { useState } from 'react';
 import '../components/layouts/project-links.css';
 import { maybeUrlRE } from '../utils';
 import { Spacer, Link } from '../components/helpers';
-import { projectMap, legacyProjectMap } from '../resources/certAndProjectMap';
+import {
+  projectMap,
+  legacyProjectMap
+} from '../resources/cert-and-project-map';
 import ProjectModal from '../components/SolutionViewer/ProjectModal';
 import { find, first } from 'lodash-es';
 import { Trans, useTranslation } from 'react-i18next';

client/src/components/settings/Certification.js

@@ -14,7 +14,7 @@ import { withTranslation } from 'react-i18next';
 import {
   projectMap,
   legacyProjectMap
-} from '../../resources/certAndProjectMap';
+} from '../../resources/cert-and-project-map';
 
 import SectionHeader from './section-header';
 import ProjectModal from '../SolutionViewer/ProjectModal';

client/src/resources/cert-and-project-map.ts

@@ -440,7 +440,7 @@ const certMap = [
   {
     id: '606243f50267e718b1e755f4',
     title: 'Relational Databases',
-    slug: 'relational-databases',
+    certSlug: 'relational-databases',
     flag: 'isRelationalDatabasesCert',
     projects: [
       {
@@ -704,10 +704,12 @@ const certMap = [
       }
     ]
   }
-];
+] as const;
 
-const legacyProjectMap = {};
+const titles = certMap.map(({ title }) => title);
-const projectMap = {};
+type Title = typeof titles[number];
+const legacyProjectMap: Partial<Record<Title, unknown>> = {};
+const projectMap: Partial<Record<Title, unknown>> = {};
 
 certMap.forEach(cert => {
   // Filter out Legacy Full Stack so inputs for project

client/src/templates/Introduction/components/CertChallenge.js

@@ -10,7 +10,7 @@ import GreenPass from '../../../assets/icons/green-pass';
 import GreenNotCompleted from '../../../assets/icons/green-not-completed';
 import { certificatesByNameSelector } from '../../../redux';
 import { CurrentCertsType, User } from '../../../redux/prop-types';
-import { certMap } from '../../../resources/certAndProjectMap';
+import { certMap } from '../../../resources/cert-and-project-map';
 import {
   certSlugTypeMap,
   superBlockCertTypeMap