Skip to content
Snippets Groups Projects
Commit 9a1d93b3 authored by Sreeram, Sudarshan's avatar Sreeram, Sudarshan :carrot:
Browse files

Add more module cards

parent 35ce7d0a
Branches
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 175 additions and 26 deletions
frontend/src/assets/images/architecture-illustration.png 0 → 100644
+ 0
− 0
View file @ 9a1d93b3
frontend/src/assets/images/architecture-illustration.png

22.5 KiB

frontend/src/assets/images/database-illustration.png 0 → 100644
+ 0
− 0
View file @ 9a1d93b3
frontend/src/assets/images/database-illustration.png

18.4 KiB

frontend/src/assets/images/graph-illustration.svg 0 → 100644
+ 102
− 0
View file @ 9a1d93b3
<?xml version="1.0" encoding="UTF-8"?>
<svg width="240px" height="120px" viewBox="0 0 240 120" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Illustration</title>
<defs>
<rect id="path-1" x="0" y="0" width="240" height="120"></rect>
</defs>
<g id="Modules" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Module-View" transform="translate(-870.000000, -683.000000)">
<g id="Main-Body" transform="translate(330.000000, 94.000000)">
<g id="Course-Tiles" transform="translate(0.000000, 264.000000)">
<g id="Graph-and-Algorithms" transform="translate(540.000000, 290.000000)">
<g id="Group" transform="translate(0.000000, 35.000000)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<use id="Rectangle" fill="#FFF5F5" xlink:href="#path-1"></use>
<g id="Group-2" mask="url(#mask-2)" stroke="#FE6B6B">
<g transform="translate(182.000000, 134.000000) rotate(-78.000000) translate(-182.000000, -134.000000) translate(97.000000, 46.000000)">
<path d="M31.0913878,58.4543052 C31.0913878,59.8350171 29.9720996,60.9543052 28.5913878,60.9543052 C27.2106759,60.9543052 26.0913878,59.8350171 26.0913878,58.4543052 C26.0913878,57.0735934 27.2106759,55.9543052 28.5913878,55.9543052 C29.9720996,55.9543052 31.0913878,57.0735934 31.0913878,58.4543052 Z" id="path3821" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<path d="M5.61219188,92.4956122 C5.61219188,93.876324 4.49290375,94.9956122 3.11219188,94.9956122 C1.73148,94.9956122 0.612191879,93.876324 0.612191879,92.4956122 C0.612191879,91.1149003 1.73148,89.9956122 3.11219188,89.9956122 C4.49290375,89.9956122 5.61219188,91.1149003 5.61219188,92.4956122 Z" id="path3821-8" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<path d="M36.5962343,108.401244 C36.5962343,109.781956 35.4769462,110.901244 34.0962343,110.901244 C32.7155224,110.901244 31.5962343,109.781956 31.5962343,108.401244 C31.5962343,107.020532 32.7155224,105.901244 34.0962343,105.901244 C35.4769462,105.901244 36.5962343,107.020532 36.5962343,108.401244 Z" id="path3821-0" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<path d="M54.6660728,77.9795255 C54.6660728,79.3602374 53.5467846,80.4795255 52.1660728,80.4795255 C50.7853609,80.4795255 49.6660728,79.3602374 49.6660728,77.9795255 C49.6660728,76.5988136 50.7853609,75.4795255 52.1660728,75.4795255 C53.5467846,75.4795255 54.6660728,76.5988136 54.6660728,77.9795255 Z" id="path3821-4" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<path d="M111.715314,43.3618418 C111.715314,44.7425537 110.596026,45.8618418 109.215314,45.8618418 C107.834603,45.8618418 106.715314,44.7425537 106.715314,43.3618418 C106.715314,41.9811299 107.834603,40.8618418 109.215314,40.8618418 C110.596026,40.8618418 111.715314,41.9811299 111.715314,43.3618418 Z" id="path3821-3" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<path d="M114.697115,14.1025037 C114.697115,15.4832156 113.577827,16.6025037 112.197115,16.6025037 C110.816404,16.6025037 109.697115,15.4832156 109.697115,14.1025037 C109.697115,12.7217919 110.816404,11.6025037 112.197115,11.6025037 C113.577827,11.6025037 114.697115,12.7217919 114.697115,14.1025037 Z" id="path3821-43" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<path d="M144.95828,2.55859163 C144.95828,3.93930351 143.838992,5.05859163 142.45828,5.05859163 C141.077568,5.05859163 139.95828,3.93930351 139.95828,2.55859163 C139.95828,1.17787976 141.077568,0.0585916349 142.45828,0.0585916349 C143.838992,0.0585916349 144.95828,1.17787976 144.95828,2.55859163 Z" id="path3821-5" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<path d="M169.303201,20.8977526 C169.303201,22.2784645 168.183913,23.3977526 166.803201,23.3977526 C165.422489,23.3977526 164.303201,22.2784645 164.303201,20.8977526 C164.303201,19.5170408 165.422489,18.3977526 166.803201,18.3977526 C168.183913,18.3977526 169.303201,19.5170408 169.303201,20.8977526 Z" id="path3821-1" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<path d="M143.261681,57.1032665 C143.261681,58.4839783 142.142393,59.6032665 140.761681,59.6032665 C139.380969,59.6032665 138.261681,58.4839783 138.261681,57.1032665 C138.261681,55.7225546 139.380969,54.6032665 140.761681,54.6032665 C142.142393,54.6032665 143.261681,55.7225546 143.261681,57.1032665 Z" id="path3821-7" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<path d="M162.852738,120.413538 C162.852738,121.79425 161.73345,122.913538 160.352738,122.913538 C158.972026,122.913538 157.852738,121.79425 157.852738,120.413538 C157.852738,119.032826 158.972026,117.913538 160.352738,117.913538 C161.73345,117.913538 162.852738,119.032826 162.852738,120.413538 Z" id="path3821-431" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<path d="M135.85675,142.509162 C135.85675,143.889874 134.737462,145.009162 133.35675,145.009162 C131.976038,145.009162 130.85675,143.889874 130.85675,142.509162 C130.85675,141.12845 131.976038,140.009162 133.35675,140.009162 C134.737462,140.009162 135.85675,141.12845 135.85675,142.509162 Z" id="path3821-46" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<path d="M123.481191,108.335407 C123.481191,109.716119 122.361903,110.835407 120.981191,110.835407 C119.600479,110.835407 118.481191,109.716119 118.481191,108.335407 C118.481191,106.954695 119.600479,105.835407 120.981191,105.835407 C122.361903,105.835407 123.481191,106.954695 123.481191,108.335407 Z" id="path3821-9" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<path d="M98.2099066,143.354861 C98.2099066,144.735573 97.0906185,145.854861 95.7099066,145.854861 C94.3291947,145.854861 93.2099066,144.735573 93.2099066,143.354861 C93.2099066,141.974149 94.3291947,140.854861 95.7099066,140.854861 C97.0906185,140.854861 98.2099066,141.974149 98.2099066,143.354861 Z" id="path3821-42" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<path d="M135.247067,173.308972 C135.247067,174.689684 134.127779,175.808972 132.747067,175.808972 C131.366355,175.808972 130.247067,174.689684 130.247067,173.308972 C130.247067,171.92826 131.366355,170.808972 132.747067,170.808972 C134.127779,170.808972 135.247067,171.92826 135.247067,173.308972 Z" id="path3821-2" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<polyline id="path4697" stroke-width="1.39999998" fill="none" points="54.0461877 78.1202233 97.2356185 142.829749 134.063811 173.667899 161.852358 120.754362 121.676147 108.284299 97.2356185 142.492723 133.896407 142.661236 121.676147 108.452811 141.26205 56.8874102 168.046188 21.6678995 161.852358 120.92288 97.0682144 142.492723"></polyline>
<polygon id="path4701" stroke-width="1.39999998" fill="none" points="139.77241 57.173502 141.95139 3.17350201 111.110479 15.7395379 108.093434 43.7584031 167.093434 21.8527438 111.110479 15.5697233"></polygon>
<line x1="53.9609295" y1="76.4846244" x2="108.960929" y2="42.4846244" id="path4703" stroke-width="1.39999998" fill="none"></line>
</g>
</g>
<g id="Group-2" mask="url(#mask-2)" stroke="#FE6B6B">
<g transform="translate(52.000000, 24.000000) rotate(-78.000000) translate(-52.000000, -24.000000) translate(-33.000000, -64.000000)">
<path d="M31.0913878,58.4543052 C31.0913878,59.8350171 29.9720996,60.9543052 28.5913878,60.9543052 C27.2106759,60.9543052 26.0913878,59.8350171 26.0913878,58.4543052 C26.0913878,57.0735934 27.2106759,55.9543052 28.5913878,55.9543052 C29.9720996,55.9543052 31.0913878,57.0735934 31.0913878,58.4543052 Z" id="path3821" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<path d="M5.61219188,92.4956122 C5.61219188,93.876324 4.49290375,94.9956122 3.11219188,94.9956122 C1.73148,94.9956122 0.612191879,93.876324 0.612191879,92.4956122 C0.612191879,91.1149003 1.73148,89.9956122 3.11219188,89.9956122 C4.49290375,89.9956122 5.61219188,91.1149003 5.61219188,92.4956122 Z" id="path3821-8" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<path d="M36.5962343,108.401244 C36.5962343,109.781956 35.4769462,110.901244 34.0962343,110.901244 C32.7155224,110.901244 31.5962343,109.781956 31.5962343,108.401244 C31.5962343,107.020532 32.7155224,105.901244 34.0962343,105.901244 C35.4769462,105.901244 36.5962343,107.020532 36.5962343,108.401244 Z" id="path3821-0" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<path d="M54.6660728,77.9795255 C54.6660728,79.3602374 53.5467846,80.4795255 52.1660728,80.4795255 C50.7853609,80.4795255 49.6660728,79.3602374 49.6660728,77.9795255 C49.6660728,76.5988136 50.7853609,75.4795255 52.1660728,75.4795255 C53.5467846,75.4795255 54.6660728,76.5988136 54.6660728,77.9795255 Z" id="path3821-4" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<path d="M111.715314,43.3618418 C111.715314,44.7425537 110.596026,45.8618418 109.215314,45.8618418 C107.834603,45.8618418 106.715314,44.7425537 106.715314,43.3618418 C106.715314,41.9811299 107.834603,40.8618418 109.215314,40.8618418 C110.596026,40.8618418 111.715314,41.9811299 111.715314,43.3618418 Z" id="path3821-3" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<path d="M114.697115,14.1025037 C114.697115,15.4832156 113.577827,16.6025037 112.197115,16.6025037 C110.816404,16.6025037 109.697115,15.4832156 109.697115,14.1025037 C109.697115,12.7217919 110.816404,11.6025037 112.197115,11.6025037 C113.577827,11.6025037 114.697115,12.7217919 114.697115,14.1025037 Z" id="path3821-43" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<path d="M144.95828,2.55859163 C144.95828,3.93930351 143.838992,5.05859163 142.45828,5.05859163 C141.077568,5.05859163 139.95828,3.93930351 139.95828,2.55859163 C139.95828,1.17787976 141.077568,0.0585916349 142.45828,0.0585916349 C143.838992,0.0585916349 144.95828,1.17787976 144.95828,2.55859163 Z" id="path3821-5" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<path d="M169.303201,20.8977526 C169.303201,22.2784645 168.183913,23.3977526 166.803201,23.3977526 C165.422489,23.3977526 164.303201,22.2784645 164.303201,20.8977526 C164.303201,19.5170408 165.422489,18.3977526 166.803201,18.3977526 C168.183913,18.3977526 169.303201,19.5170408 169.303201,20.8977526 Z" id="path3821-1" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<path d="M143.261681,57.1032665 C143.261681,58.4839783 142.142393,59.6032665 140.761681,59.6032665 C139.380969,59.6032665 138.261681,58.4839783 138.261681,57.1032665 C138.261681,55.7225546 139.380969,54.6032665 140.761681,54.6032665 C142.142393,54.6032665 143.261681,55.7225546 143.261681,57.1032665 Z" id="path3821-7" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<path d="M162.852738,120.413538 C162.852738,121.79425 161.73345,122.913538 160.352738,122.913538 C158.972026,122.913538 157.852738,121.79425 157.852738,120.413538 C157.852738,119.032826 158.972026,117.913538 160.352738,117.913538 C161.73345,117.913538 162.852738,119.032826 162.852738,120.413538 Z" id="path3821-431" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<path d="M135.85675,142.509162 C135.85675,143.889874 134.737462,145.009162 133.35675,145.009162 C131.976038,145.009162 130.85675,143.889874 130.85675,142.509162 C130.85675,141.12845 131.976038,140.009162 133.35675,140.009162 C134.737462,140.009162 135.85675,141.12845 135.85675,142.509162 Z" id="path3821-46" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<path d="M123.481191,108.335407 C123.481191,109.716119 122.361903,110.835407 120.981191,110.835407 C119.600479,110.835407 118.481191,109.716119 118.481191,108.335407 C118.481191,106.954695 119.600479,105.835407 120.981191,105.835407 C122.361903,105.835407 123.481191,106.954695 123.481191,108.335407 Z" id="path3821-9" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<path d="M98.2099066,143.354861 C98.2099066,144.735573 97.0906185,145.854861 95.7099066,145.854861 C94.3291947,145.854861 93.2099066,144.735573 93.2099066,143.354861 C93.2099066,141.974149 94.3291947,140.854861 95.7099066,140.854861 C97.0906185,140.854861 98.2099066,141.974149 98.2099066,143.354861 Z" id="path3821-42" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<path d="M135.247067,173.308972 C135.247067,174.689684 134.127779,175.808972 132.747067,175.808972 C131.366355,175.808972 130.247067,174.689684 130.247067,173.308972 C130.247067,171.92826 131.366355,170.808972 132.747067,170.808972 C134.127779,170.808972 135.247067,171.92826 135.247067,173.308972 Z" id="path3821-2" stroke-width="1" fill="#FE6B6B" fill-rule="evenodd"></path>
<polygon id="path4693" stroke-width="1.39999998" fill="none" points="28.4442212 58.103154 3.3892751 92.6031535 33.3892751 107.103154"></polygon>
<polyline id="path4695" stroke-width="1.39999998" fill="none" points="3.11219188 92.4956122 52.1660728 77.9795255 27.1883159 58.4956122"></polyline>
<polyline id="path4697" stroke-width="1.39999998" fill="none" points="52.1660728 77.9795255 95.7099066 143.354861 134.063811 173.667899 161.852358 120.754362 121.676147 108.284299 95.7099066 143.354861 97.5362424 143.583602 133.896407 142.661236 121.676147 108.452811 141.26205 56.8874102 168.046188 21.6678995 161.852358 120.92288 93.8297917 143.214164"></polyline>
<line x1="52.1660728" y1="77.9795255" x2="108.960929" y2="42.4846244" id="path4703" stroke-width="1.39999998" fill="none"></line>
</g>
</g>
<text id="13" mask="url(#mask-2)" font-family="CMUClassicalSerif-Italic, CMU Classical Serif" font-size="10" font-style="italic" font-weight="normal" letter-spacing="-0.24" fill="#FF6B6B">
<tspan x="108" y="105">13</tspan>
</text>
<text id="17" mask="url(#mask-2)" font-family="CMUClassicalSerif-Italic, CMU Classical Serif" font-size="10" font-style="italic" font-weight="normal" letter-spacing="-0.24" fill="#FF6B6B">
<tspan x="199" y="114">17</tspan>
</text>
<text id="1" mask="url(#mask-2)" font-family="CMUClassicalSerif-Italic, CMU Classical Serif" font-size="10" font-style="italic" font-weight="normal" letter-spacing="-0.24" fill="#FF6B6B">
<tspan x="37" y="47">1</tspan>
</text>
<text id="2" mask="url(#mask-2)" font-family="CMUClassicalSerif-Italic, CMU Classical Serif" font-size="10" font-style="italic" font-weight="normal" letter-spacing="-0.24" fill="#FF6B6B">
<tspan x="11" y="65">2</tspan>
</text>
<text id="3" mask="url(#mask-2)" font-family="CMUClassicalSerif-Italic, CMU Classical Serif" font-size="10" font-style="italic" font-weight="normal" letter-spacing="-0.24" fill="#FF6B6B">
<tspan x="43" y="110">3</tspan>
</text>
<text id="4" mask="url(#mask-2)" font-family="CMUClassicalSerif-Italic, CMU Classical Serif" font-size="10" font-style="italic" font-weight="normal" letter-spacing="-0.24" fill="#FF6B6B">
<tspan x="62" y="73">4</tspan>
</text>
<text id="5" mask="url(#mask-2)" font-family="CMUClassicalSerif-Italic, CMU Classical Serif" font-size="10" font-style="italic" font-weight="normal" letter-spacing="-0.24" fill="#FF6B6B">
<tspan x="94" y="24">5</tspan>
</text>
<text id="11" mask="url(#mask-2)" font-family="CMUClassicalSerif-Italic, CMU Classical Serif" font-size="10" font-style="italic" font-weight="normal" letter-spacing="-0.24" fill="#FF6B6B">
<tspan x="103" y="55">11</tspan>
</text>
<text id="12" mask="url(#mask-2)" font-family="CMUClassicalSerif-Italic, CMU Classical Serif" font-size="10" font-style="italic" font-weight="normal" letter-spacing="-0.24" fill="#FF6B6B">
<tspan x="136" y="35">12</tspan>
</text>
<text id="16" mask="url(#mask-2)" font-family="CMUClassicalSerif-Italic, CMU Classical Serif" font-size="10" font-style="italic" font-weight="normal" letter-spacing="-0.24" fill="#FF6B6B">
<tspan x="224" y="60">16</tspan>
</text>
<text id="14" mask="url(#mask-2)" font-family="CMUClassicalSerif-Italic, CMU Classical Serif" font-size="10" font-style="italic" font-weight="normal" letter-spacing="-0.24" fill="#FF6B6B">
<tspan x="149" y="108">14</tspan>
</text>
<text id="15" mask="url(#mask-2)" font-family="CMUClassicalSerif-Italic, CMU Classical Serif" font-size="10" font-style="italic" font-weight="normal" letter-spacing="-0.24" fill="#FF6B6B">
<tspan x="167" y="71">15</tspan>
</text>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
frontend/src/assets/images/java-illustration.png 0 → 100644
+ 0
− 0
View file @ 9a1d93b3
frontend/src/assets/images/java-illustration.png

29.4 KiB

frontend/src/assets/images/reasoning-illustration.png 0 → 100644
+ 0
− 0
View file @ 9a1d93b3
frontend/src/assets/images/reasoning-illustration.png

22.1 KiB

frontend/src/components/pages/ModuleList/index.tsx
+ 73
− 26
View file @ 9a1d93b3
...@@ -8,7 +8,12 @@ import logicIllustration from "assets/images/logic-illustration.svg"; ...@@ -8,7 +8,12 @@ import logicIllustration from "assets/images/logic-illustration.svg";
import discreteIllustration from "assets/images/discrete-illustration.svg"; import discreteIllustration from "assets/images/discrete-illustration.svg";
import systemsIllustration from "assets/images/systems-illustration.svg"; import systemsIllustration from "assets/images/systems-illustration.svg";
import methodsIllustration from "assets/images/methods-illustration.svg"; import methodsIllustration from "assets/images/methods-illustration.svg";
import ModuleCard, {Term} from "components/atoms/ModuleCard"; import graphIllustration from "assets/images/graph-illustration.svg";
import javaIllustration from "assets/images/java-illustration.png";
import reasoningIllustration from "assets/images/reasoning-illustration.png";
import architectureIllustration from "assets/images/architecture-illustration.png";
import databaseIllustration from "assets/images/database-illustration.png";
import ModuleCard, { Term } from "components/atoms/ModuleCard";
import Dandruff from "components/molecules/Dandruff"; import Dandruff from "components/molecules/Dandruff";
const ModuleList: React.FC = () => { const ModuleList: React.FC = () => {
...@@ -16,46 +21,88 @@ const ModuleList: React.FC = () => { ...@@ -16,46 +21,88 @@ const ModuleList: React.FC = () => {
{ {
title: "Introduction to Logic", title: "Introduction to Logic",
code: "CO140", code: "CO140",
image: logicIllustration, image: logicIllustration,
terms: [Term.AUTUMN, Term.SPRING], terms: [Term.AUTUMN],
progressStatus: "in progress", progressStatus: "in progress",
progressPercent: 50, progressPercent: 50,
content: "", content: ""
}, },
{ {
title: "Discrete Mathematics", title: "Discrete Mathematics",
code: "CO142", code: "CO142",
image: discreteIllustration, image: discreteIllustration,
terms: [Term.SPRING, Term.SUMMER], terms: [Term.AUTUMN],
progressStatus: "in progress", progressStatus: "in progress",
progressPercent: 60, progressPercent: 60,
content: "", content: ""
}, },
{ {
title: "Introduction to Computer Systems", title: "Introduction to Computer Systems",
code: "CO112", code: "CO112",
image: systemsIllustration, image: systemsIllustration,
terms: [Term.SPRING], terms: [Term.AUTUMN],
progressStatus: "in progress", progressStatus: "in progress",
progressPercent: 93, progressPercent: 93,
content: "", content: ""
}, },
{ {
title: "Mathematical Methods", title: "Mathematical Methods",
code: "CO145", code: "CO145",
terms: [Term.AUTUMN], terms: [Term.AUTUMN],
image: methodsIllustration, image: methodsIllustration,
progressStatus: "in progress", progressStatus: "in progress",
progressPercent: 45, progressPercent: 45,
content: "", content: ""
},
{
title: "Java",
code: "CO120.2",
image: javaIllustration,
terms: [Term.AUTUMN, Term.SPRING, Term.SUMMER],
progressStatus: "in progress",
progressPercent: 20,
content: ""
},
{
title: "Graphs and Algorithms",
code: "CO150",
image: graphIllustration,
terms: [Term.SPRING],
progressStatus: "no started",
progressPercent: 0,
content: ""
},
{
title: "Introduction to Computer Architecture",
code: "CO113",
image: architectureIllustration,
terms: [Term.SPRING],
progressStatus: "no started",
progressPercent: 0,
content: ""
}, },
{
title: "Reasoning About Programs",
code: "CO141",
image: reasoningIllustration,
terms: [Term.SPRING],
progressStatus: "no started",
progressPercent: 0,
content: ""
},
{
title: "Introduction to Databases",
code: "CO130",
image: databaseIllustration,
terms: [Term.SPRING],
progressStatus: "no started",
progressPercent: 0,
content: ""
}
]; ];
return ( return (
<Container className={classNames("p-4", styles.moduleContainer)}> <Container className={classNames("p-4", styles.moduleContainer)}>
<Dandruff heading="Modules"/> <Dandruff heading="Modules" />
<h4 className={classNames(styles.moduleSectionHeader)}> <h4 className={classNames(styles.moduleSectionHeader)}>
First Year Undergraduate First Year Undergraduate
</h4> </h4>
...@@ -67,8 +114,8 @@ const ModuleList: React.FC = () => { ...@@ -67,8 +114,8 @@ const ModuleList: React.FC = () => {
</p> </p>
<Row> <Row>
{modules.map((module) => ( {modules.map(module => (
<ModuleCard module={module} key={module.code}/> <ModuleCard module={module} key={module.code} />
))} ))}
</Row> </Row>
</Container> </Container>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment