jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2025-12-30 03:03:06 -05:00
Code Issues Projects Releases Wiki Activity

feat: move rdb order to middle of superblocks (#46138)

Browse Source 
feat: move rdb out of beta
This commit is contained in:
Tom
2022-08-10 11:48:39 -05:00
committed by GitHub
parent 1f8c08efbb
commit 136f60bbef
8 changed files with 464 additions and 410 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
client/src/__mocks__/challenge-nodes.ts
View File

@@ -182,6 +182,20 @@ const mockChallengeNodes: MockChallengeNodes[] = [
superBlock: 'super-block-three',
dashedName: 'challenge-three'
}
},
{
challenge: {
fields: {
slug: '/super-block-four/block-a/challenge-one',
blockName: 'Block A'
},
id: 'm',
block: 'block-a',
title: 'Challenge One',
isPrivate: false,
superBlock: 'super-block-four',
dashedName: 'challenge-one'
}
}
];

680
client/src/components/Map/__snapshots__/map.test.tsx.snap
View File

@@ -49,6 +49,366 @@ exports[`<Map /> snapshot: Map 1`] = `
</svg>
</a>
</li>
<li>
<a
class="btn link-btn btn-lg"
href="/learn/super-block-four/"
>
<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"
href="/learn/super-block-one/"
>
<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"
href="/learn/super-block-one/"
>
<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"
href="/learn/super-block-one/"
>
<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"
href="/learn/super-block-one/"
>
<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"
href="/learn/super-block-two/"
>
<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"
href="/learn/super-block-two/"
>
<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"
href="/learn/super-block-two/"
>
<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"
href="/learn/super-block-two/"
>
<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"
@@ -89,326 +449,6 @@ exports[`<Map /> snapshot: Map 1`] = `
</svg>
</a>
</li>
<li>
<a
class="btn link-btn btn-lg"
href="/learn/super-block-one/"
>
<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"
href="/learn/super-block-one/"
>
<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"
href="/learn/super-block-one/"
>
<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"
href="/learn/super-block-one/"
>
<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"
href="/learn/super-block-two/"
>
<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"
href="/learn/super-block-two/"
>
<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"
href="/learn/super-block-two/"
>
<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"
href="/learn/super-block-two/"
>
<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"

4
client/src/components/Map/index.tsx
View File

@@ -168,8 +168,8 @@ export function Map({
const nodes = data.allChallengeNode.nodes;
const temp = [
nodes[0],
nodes[11],
...nodes.filter((_, i) => i !== 0 && i !== 11)
nodes[12],
...nodes.filter((_, i) => i !== 0 && i !== 12)
];
return (

76
client/src/resources/cert-and-project-map.ts
View File

@@ -447,6 +447,44 @@ const certMap = [
}
]
},
{
id: '606243f50267e718b1e755f4',
title: 'Relational Database',
certSlug: 'relational-database-v8',
flag: 'isRelationalDatabaseCertV8',
projects: [
{
id: '5f1a4ef5d5d6b5ab580fc6ae',
title: 'Celestial Bodies Database',
link: `${relationalDatabaseBase}/build-a-celestial-bodies-database-project/build-a-celestial-bodies-database`,
certSlug: 'relational-database-v8'
},
{
id: '5f9771307d4d22b9d2b75a94',
title: 'World Cup Database',
link: `${relationalDatabaseBase}/build-a-world-cup-database-project/build-a-world-cup-database`,
certSlug: 'relational-database-v8'
},
{
id: '5f87ac112ae598023a42df1a',
title: 'Salon Appointment Scheduler',
link: `${relationalDatabaseBase}/build-a-salon-appointment-scheduler-project/build-a-salon-appointment-scheduler`,
certSlug: 'relational-database-v8'
},
{
id: '602d9ff222201c65d2a019f2',
title: 'Periodic Table Database',
link: `${relationalDatabaseBase}/build-a-periodic-table-database-project/build-a-periodic-table-database`,
certSlug: 'relational-database-v8'
},
{
id: '602da04c22201c65d2a019f4',
title: 'Number Guessing Game',
link: `${relationalDatabaseBase}/build-a-number-guessing-game-project/build-a-number-guessing-game`,
certSlug: 'relational-database-v8'
}
]
},
{
id: '561add10cb82ac38a17523bc',
title: 'Back End Development and APIs',
@@ -675,44 +713,6 @@ const certMap = [
certSlug: 'machine-learning-with-python-v7'
}
]
},
{
id: '606243f50267e718b1e755f4',
title: 'Relational Database',
certSlug: 'relational-database-v8',
flag: 'isRelationalDatabaseCertV8',
projects: [
{
id: '5f1a4ef5d5d6b5ab580fc6ae',
title: 'Celestial Bodies Database',
link: `${relationalDatabaseBase}/build-a-celestial-bodies-database-project/build-a-celestial-bodies-database`,
certSlug: 'relational-database-v8'
},
{
id: '5f9771307d4d22b9d2b75a94',
title: 'World Cup Database',
link: `${relationalDatabaseBase}/build-a-world-cup-database-project/build-a-world-cup-database`,
certSlug: 'relational-database-v8'
},
{
id: '5f87ac112ae598023a42df1a',
title: 'Salon Appointment Scheduler',
link: `${relationalDatabaseBase}/build-a-salon-appointment-scheduler-project/build-a-salon-appointment-scheduler`,
certSlug: 'relational-database-v8'
},
{
id: '602d9ff222201c65d2a019f2',
title: 'Periodic Table Database',
link: `${relationalDatabaseBase}/build-a-periodic-table-database-project/build-a-periodic-table-database`,
certSlug: 'relational-database-v8'
},
{
id: '602da04c22201c65d2a019f4',
title: 'Number Guessing Game',
link: `${relationalDatabaseBase}/build-a-number-guessing-game-project/build-a-number-guessing-game`,
certSlug: 'relational-database-v8'
}
]
}
] as const;

36
curriculum/utils.js
View File

@@ -28,15 +28,15 @@ const superBlockToOrder = {
'javascript-algorithms-and-data-structures': 1,
'front-end-development-libraries': 2,
'data-visualization': 3,
'back-end-development-and-apis': 4,
'quality-assurance': 5,
'scientific-computing-with-python': 6,
'data-analysis-with-python': 7,
'information-security': 8,
'machine-learning-with-python': 9,
'coding-interview-prep': 10,
'responsive-web-design': 11,
'relational-database': 12
'relational-database': 4,
'back-end-development-and-apis': 5,
'quality-assurance': 6,
'scientific-computing-with-python': 7,
'data-analysis-with-python': 8,
'information-security': 9,
'machine-learning-with-python': 10,
'coding-interview-prep': 11,
'responsive-web-design': 12
};
/**
@@ -49,15 +49,15 @@ const superBlockNonAuditedOrder = {
'javascript-algorithms-and-data-structures': 1,
'front-end-development-libraries': 2,
'data-visualization': 3,
'back-end-development-and-apis': 4,
'quality-assurance': 5,
'scientific-computing-with-python': 6,
'data-analysis-with-python': 7,
'information-security': 8,
'machine-learning-with-python': 9,
'coding-interview-prep': 10,
'2022/responsive-web-design': 11,
'relational-database': 12
'relational-database': 4,
'back-end-development-and-apis': 5,
'quality-assurance': 6,
'scientific-computing-with-python': 7,
'data-analysis-with-python': 8,
'information-security': 9,
'machine-learning-with-python': 10,
'coding-interview-prep': 11,
'2022/responsive-web-design': 12
};
const superBlockToNewOrder = {

56
curriculum/utils.test.ts
View File

@@ -42,15 +42,15 @@ describe('getSuperOrder', () => {
);
expect(getSuperOrder('front-end-development-libraries')).toBe(2);
expect(getSuperOrder('data-visualization')).toBe(3);
expect(getSuperOrder('back-end-development-and-apis')).toBe(4);
expect(getSuperOrder('quality-assurance')).toBe(5);
expect(getSuperOrder('scientific-computing-with-python')).toBe(6);
expect(getSuperOrder('data-analysis-with-python')).toBe(7);
expect(getSuperOrder('information-security')).toBe(8);
expect(getSuperOrder('machine-learning-with-python')).toBe(9);
expect(getSuperOrder('coding-interview-prep')).toBe(10);
expect(getSuperOrder('responsive-web-design')).toBe(11);
expect(getSuperOrder('relational-database')).toBe(12);
expect(getSuperOrder('relational-database')).toBe(4);
expect(getSuperOrder('back-end-development-and-apis')).toBe(5);
expect(getSuperOrder('quality-assurance')).toBe(6);
expect(getSuperOrder('scientific-computing-with-python')).toBe(7);
expect(getSuperOrder('data-analysis-with-python')).toBe(8);
expect(getSuperOrder('information-security')).toBe(9);
expect(getSuperOrder('machine-learning-with-python')).toBe(10);
expect(getSuperOrder('coding-interview-prep')).toBe(11);
expect(getSuperOrder('responsive-web-design')).toBe(12);
});
} else {
it('returns unique numbers for all current superblocks (not audited beta)', () => {
@@ -61,15 +61,15 @@ describe('getSuperOrder', () => {
);
expect(getSuperOrder('front-end-development-libraries')).toBe(2);
expect(getSuperOrder('data-visualization')).toBe(3);
expect(getSuperOrder('back-end-development-and-apis')).toBe(4);
expect(getSuperOrder('quality-assurance')).toBe(5);
expect(getSuperOrder('scientific-computing-with-python')).toBe(6);
expect(getSuperOrder('data-analysis-with-python')).toBe(7);
expect(getSuperOrder('information-security')).toBe(8);
expect(getSuperOrder('machine-learning-with-python')).toBe(9);
expect(getSuperOrder('coding-interview-prep')).toBe(10);
expect(getSuperOrder('2022/responsive-web-design')).toBe(11);
expect(getSuperOrder('relational-database')).toBe(12);
expect(getSuperOrder('relational-database')).toBe(4);
expect(getSuperOrder('back-end-development-and-apis')).toBe(5);
expect(getSuperOrder('quality-assurance')).toBe(6);
expect(getSuperOrder('scientific-computing-with-python')).toBe(7);
expect(getSuperOrder('data-analysis-with-python')).toBe(8);
expect(getSuperOrder('information-security')).toBe(9);
expect(getSuperOrder('machine-learning-with-python')).toBe(10);
expect(getSuperOrder('coding-interview-prep')).toBe(11);
expect(getSuperOrder('2022/responsive-web-design')).toBe(12);
});
}
@@ -95,36 +95,36 @@ describe('getSuperOrder', () => {
expect(
getSuperOrder('data-visualization', { showNewCurriculum: true })
).toBe(3);
expect(
getSuperOrder('relational-database', { showNewCurriculum: true })
).toBe(4);
expect(
getSuperOrder('back-end-development-and-apis', {
showNewCurriculum: true
})
).toBe(4);
).toBe(5);
expect(
getSuperOrder('quality-assurance', { showNewCurriculum: true })
).toBe(5);
).toBe(6);
expect(
getSuperOrder('scientific-computing-with-python', {
showNewCurriculum: true
})
).toBe(6);
expect(
getSuperOrder('data-analysis-with-python', { showNewCurriculum: true })
).toBe(7);
expect(
getSuperOrder('information-security', { showNewCurriculum: true })
getSuperOrder('data-analysis-with-python', { showNewCurriculum: true })
).toBe(8);
expect(
getSuperOrder('machine-learning-with-python', { showNewCurriculum: true })
getSuperOrder('information-security', { showNewCurriculum: true })
).toBe(9);
expect(
getSuperOrder('coding-interview-prep', { showNewCurriculum: true })
getSuperOrder('machine-learning-with-python', { showNewCurriculum: true })
).toBe(10);
expect(
getSuperOrder('responsive-web-design', { showNewCurriculum: true })
getSuperOrder('coding-interview-prep', { showNewCurriculum: true })
).toBe(11);
expect(
getSuperOrder('relational-database', { showNewCurriculum: true })
getSuperOrder('responsive-web-design', { showNewCurriculum: true })
).toBe(12);
expect(
getSuperOrder('2022/javascript-algorithms-and-data-structures', {

4
cypress/integration/default/landing.js
View File

@@ -12,13 +12,13 @@ const certifications = [
'JavaScript Algorithms and Data Structures',
'Front End Development Libraries',
'Data Visualization',
'Relational Database (Beta)',
'Back End Development and APIs',
'Quality Assurance',
'Scientific Computing with Python',
'Data Analysis with Python',
'Information Security',
'Machine Learning with Python',
'Relational Database (Beta)'
'Machine Learning with Python'
];
describe('Landing page', () => {

4
cypress/integration/default/learn/index.js
View File

@@ -12,14 +12,14 @@ const superBlockNames = [
'JavaScript Algorithms and Data Structures Certification',
'Front End Development Libraries Certification',
'Data Visualization Certification',
'Relational Database (Beta) Certification',
'Back End Development and APIs Certification',
'Quality Assurance Certification',
'Scientific Computing with Python Certification',
'Data Analysis with Python Certification',
'Information Security Certification',
'Machine Learning with Python Certification',
'Coding Interview Prep',
'Relational Database (Beta) Certification'
'Coding Interview Prep'
];
describe('Learn Landing page (not logged in)', () => {