upload winnies reactjs part 2 recordings (thanks winnie!)

dqna64 · dqna64 · commit f780e2881959 · 2022-12-16T00:27:31.000+11:00
diff --git a/pages/opendev/index.tsx b/pages/opendev/index.tsx
@@ -200,7 +200,7 @@ const OpenDevTwo: NextPage = () => {
             <td>9 Nov 2022</td>
             <td>2-4pm, Ainsworth 202</td>
           </tr>
-          <tr style={{ backgroundColor: 'rgb(224, 235, 253)' }}>
+          <tr style={{ backgroundColor: 'rgb(224, 235, 253)', color: '#b8bcc0' }}>
             <td>Week 10</td>
             <td><span style={{ fontWeight: "800" }} >Project Dev Session</span>              <p style={{ margin: "0.2rem 0 0", fontSize: "0.7rem", lineHeight: "0.9rem" }}>
               Put your new skills to the test and build a project!<br />
@@ -212,7 +212,7 @@ const OpenDevTwo: NextPage = () => {
           </tr>
         </tbody>
       </Table >
-      <p style={{ fontSize: "0.8rem" }}>Last updated 2022/10/04 15:09</p>
+      <p style={{ fontSize: "0.8rem" }}>Last updated 2022/12/16 00:25</p>
 
       <Text
         size="headline"
@@ -460,9 +460,22 @@ const OpenDevTwo: NextPage = () => {
             </Text>
             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><path d="M104,32V93.8a8.4,8.4,0,0,1-1.1,4.1l-63.6,106A8,8,0,0,0,46.1,216H209.9a8,8,0,0,0,6.8-12.1l-63.6-106a8.4,8.4,0,0,1-1.1-4.1V32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="16"></path><line x1="88" y1="32" x2="168" y2="32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="16"></line><path d="M62.6,165c11.8-8.7,32.1-13.6,65.4,3,35.7,17.9,56.5,10.8,67.9,1.1" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="16"></path></svg>
           </EnabledExternLink>
-          <DisabledExternLink>
-            <Text as="p" css={{ color: "inherit" }}>
-              No Recording &nbsp;
+          <EnabledExternLink>
+            <Text as="a" href="https://youtu.be/BVBVBJs-IDc" target="_blank">
+              Recording (Components) &nbsp;
+            </Text>
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="16"
+              height="16"
+              fill="currentColor"
+              viewBox="0 0 16 16">
+              <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z" />
+            </svg>
+          </EnabledExternLink>
+          <EnabledExternLink>
+            <Text as="a" href="https://youtu.be/HHPiAGK-440" target="_blank">
+              Recording (Data Fetching) &nbsp;
             </Text>
             <svg
               xmlns="http://www.w3.org/2000/svg"
@@ -472,7 +485,7 @@ const OpenDevTwo: NextPage = () => {
               viewBox="0 0 16 16">
               <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z" />
             </svg>
-          </DisabledExternLink>
+          </EnabledExternLink>
         </Card>
         <Card
           css={{
@@ -500,7 +513,7 @@ const OpenDevTwo: NextPage = () => {
             ExpressJS &amp; MongoDB
           </Text>
           <EnabledExternLink>
-            <Text as="a" css={{ color: "inherit" }} href="https://www.canva.com/design/DAFQGm7-JI8/iTpjUQ5gdn5Q49cTuzudNQ/view?utm_content=DAFQGm7-JI8&utm_campaign=designshare&utm_medium=link&utm_source=publishsharelink" target="_blank">
+            <Text as="a" href="https://www.canva.com/design/DAFQGm7-JI8/iTpjUQ5gdn5Q49cTuzudNQ/view?utm_content=DAFQGm7-JI8&utm_campaign=designshare&utm_medium=link&utm_source=publishsharelink" target="_blank">
               Workshop Slides &nbsp;
             </Text>
             <svg
@@ -513,13 +526,13 @@ const OpenDevTwo: NextPage = () => {
             </svg>
           </EnabledExternLink>
           <EnabledExternLink>
-            <Text as="a" css={{ color: "inherit" }} href="https://raspy-neon-a4e.notion.site/CSESoc-Open-Dev-MongoDB-ExpressJS-f115394e8ecb4f09a3b767bf52c3e6e8" target="_blank">
+            <Text as="a" href="https://raspy-neon-a4e.notion.site/CSESoc-Open-Dev-MongoDB-ExpressJS-f115394e8ecb4f09a3b767bf52c3e6e8" target="_blank">
               Exercises &nbsp;
             </Text>
             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><path d="M104,32V93.8a8.4,8.4,0,0,1-1.1,4.1l-63.6,106A8,8,0,0,0,46.1,216H209.9a8,8,0,0,0,6.8-12.1l-63.6-106a8.4,8.4,0,0,1-1.1-4.1V32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="16"></path><line x1="88" y1="32" x2="168" y2="32" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="16"></line><path d="M62.6,165c11.8-8.7,32.1-13.6,65.4,3,35.7,17.9,56.5,10.8,67.9,1.1" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="16"></path></svg>
           </EnabledExternLink>
           <EnabledExternLink>
-            <Text as="a" css={{ color: "inherit" }} href="https://youtu.be/9qAC3NnJAhg" target="_blank">
+            <Text as="a" href="https://youtu.be/9qAC3NnJAhg" target="_blank">
               Recording &nbsp;
             </Text>
             <svg
