chore(client): reorder and rename rwd changes (#45972)

Co-authored-by: moT01 <20648924+moT01@users.noreply.github.com>

client/i18n/locales/english/intro.json

@@ -67,7 +67,7 @@
     }
   },
   "2022/responsive-web-design": {
-    "title": "Responsive Web Design",
+    "title": "(New) Responsive Web Design",
     "intro": [
       "In this Responsive Web Design Certification, you'll learn the languages that developers use to build webpages: HTML (Hypertext Markup Language) for content, and CSS (Cascading Style Sheets) for design.",
       "First, you'll build a cat photo app to learn the basics of HTML and CSS. Later, you'll learn modern techniques like CSS variables by building a penguin, and best practices for accessibility by building a web form.",

client/src/__mocks__/challenge-nodes.ts

@@ -168,6 +168,20 @@ const mockChallengeNodes: MockChallengeNodes[] = [
       superBlock: 'super-block-three',
       dashedName: 'challenge-two'
     }
+  },
+  {
+    challenge: {
+      fields: {
+        slug: '/super-block-three/block-c/challenge-three',
+        blockName: 'Block C'
+      },
+      id: 'l',
+      block: 'block-c',
+      title: 'Challenge Three',
+      isPrivate: false,
+      superBlock: 'super-block-three',
+      dashedName: 'challenge-three'
+    }
   }
 ];
 

client/src/components/Map/__snapshots__/map.test.tsx.snap

@@ -49,6 +49,46 @@ exports[`<Map /> snapshot: Map 1`] = `
           </svg>
         </a>
       </li>
+      <li>
+        <a
+          class="btn link-btn btn-lg"
+          href="/learn/super-block-three/"
+        >
+          <div
+            style="display: flex; justify-content: space-between; align-items: center;"
+          >
+            <svg
+              aria-hidden="true"
+              class="map-icon"
+              viewBox="0 0 640 512"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M112 48h352v48h48V32a32.09 32.09 0 00-32-32H96a32.09 32.09 0 00-32 32v256H16a16 16 0 00-16 16v16a64.14 64.14 0 0063.91 64H352v-96H112zm492 80H420a36 36 0 00-36 36v312a36 36 0 0036 36h184a36 36 0 0036-36V164a36 36 0 00-36-36zm-12 336H432V176h160z"
+              />
+            </svg>
+          </div>
+          <svg
+            aria-hidden="true"
+            fill="inherit"
+            height="20px"
+            version="1.1"
+            viewBox="0 0 16 20"
+            width="18px"
+            xmlns="http://www.w3.org/2000/svg"
+            xmlns:xlink="http://www.w3.org/1999/xlink"
+          >
+            <g>
+              <polygon
+                points="-2.68014473e-15 -1.06357708e-13 2.01917516 -1.06357708e-13 8.99824941 9.00746464 2.01917516 18.0149293 -2.66453526e-15 18.0149293 7.00955027 9"
+              />
+              <polygon
+                points="7.99971435 -1.06357708e-13 10.0188895 -1.06357708e-13 16.9979638 9.00746464 10.0188895 18.0149293 7.99971435 18.0149293 15.0092646 9"
+              />
+            </g>
+          </svg>
+        </a>
+      </li>
       <li>
         <a
           class="btn link-btn btn-lg"

client/src/components/Map/index.tsx

@@ -166,12 +166,17 @@ export function Map({
   `);
 
   const nodes = data.allChallengeNode.nodes;
+  const temp = [
+    nodes[0],
+    nodes[11],
+    ...nodes.filter((_, i) => i !== 0 && i !== 11)
+  ];
 
   return (
     <div className='map-ui' data-test-label='learn-curriculum-map'>
       {forLanding
-        ? renderLandingMap(nodes)
-        : renderLearnMap(nodes, currentSuperBlock)}
+        ? renderLandingMap(temp)
+        : renderLearnMap(temp, currentSuperBlock)}
     </div>
   );
 }

cypress/integration/landing.js

@@ -7,7 +7,8 @@ const selectors = {
 };
 
 const certifications = [
-  'Responsive Web Design',
+  '(New) Responsive Web Design',
+  'Legacy Responsive Web Design',
   'JavaScript Algorithms and Data Structures',
   'Front End Development Libraries',
   'Data Visualization',
@@ -17,7 +18,6 @@ const certifications = [
   'Data Analysis with Python',
   'Information Security',
   'Machine Learning with Python',
-  'Legacy Responsive Web Design',
   'Relational Database (Beta)'
 ];
 

cypress/integration/learn/index.js

@@ -7,7 +7,8 @@ const locations = {
 };
 
 const superBlockNames = [
-  'Responsive Web Design Certification',
+  '(New) Responsive Web Design Certification',
+  'Legacy Responsive Web Design Certification',
   'JavaScript Algorithms and Data Structures Certification',
   'Front End Development Libraries Certification',
   'Data Visualization Certification',
@@ -18,7 +19,6 @@ const superBlockNames = [
   'Information Security Certification',
   'Machine Learning with Python Certification',
   'Coding Interview Prep (Thousands of hours of challenges)',
-  'Legacy Responsive Web Design Certification',
   'Relational Database (Beta) Certification'
 ];
 

cypress/integration/learn/responsive-web-design/intro-page.js

@@ -13,7 +13,7 @@ describe('Certification intro page', () => {
   it('Should render', () => {
     cy.title().should(
       'eq',
-      'Responsive Web Design Certification | freeCodeCamp.org'
+      '(New) Responsive Web Design Certification | freeCodeCamp.org'
     );
   });
 

tools/challenge-editor/api/configs/superBlockList.ts

@@ -48,7 +48,7 @@ export const superBlockList = [
     path: '13-relational-databases'
   },
   {
-    name: 'Responsive Web Design',
+    name: '(New) Responsive Web Design',
     path: '14-responsive-web-design-22'
   },
   {