stupid upgrade not working

Author: parthsarin

.github/workflows/deploy.yml

@@ -10,19 +10,20 @@ jobs:
       matrix:
         node-version: [12.x]
     steps:
-    - uses: actions/checkout@v1
-    - name: Install Packages
-      uses: borales/[email protected]
+    - name: Check out repository
+      uses: actions/checkout@v2
+    - name: Install packages
+      uses: borales/[email protected]
       with:
         cmd: install
     - name: Build page
-      uses: borales/actions-yarn@v2.0.0
+      uses: borales/actions-yarn@v2.3.0
       with:
         cmd: build
       env:
         CI: ""
     - name: Deploy to gh-pages
-      uses: peaceiris/actions-gh-pages@v3
+      uses: JamesIves/github-pages[email protected]
       with:
-        deploy_key: ${{ secrets.ACTIONS_DEPLOY_KEY }}
-        publish_dir: ./build
+          branch: gh-pages
+          folder: build

package.json

@@ -4,36 +4,38 @@
   "private": true,
   "homepage": "https://stanfordpython.com",
   "dependencies": {
-    "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/react": "^9.5.0",
-    "@testing-library/user-event": "^7.2.1",
-    "@types/bootstrap": "^4.5.0",
-    "@types/node": "^14.6.4",
-    "@types/react": "^16.9.49",
-    "@types/react-dom": "^16.9.8",
-    "@types/react-html-parser": "^2.0.1",
-    "@types/react-router-dom": "^5.1.5",
-    "@types/react-syntax-highlighter": "^11.0.5",
-    "@types/uslug": "^1.0.0",
-    "bootstrap": "^4.5.0",
+    "@testing-library/jest-dom": "^5.16.2",
+    "@testing-library/react": "^12.1.4",
+    "@testing-library/user-event": "^13.5.0",
+    "@types/bootstrap": "^5.1.9",
+    "@types/node": "^17.0.22",
+    "@types/react": "^17.0.41",
+    "@types/react-dom": "^17.0.14",
+    "@types/react-html-parser": "^2.0.2",
+    "@types/react-router-bootstrap": "^0.24.5",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/react-syntax-highlighter": "^13.5.2",
+    "@types/uslug": "^1.0.1",
+    "bootstrap": "^5.1.3",
+    "buffer": "^6.0.3",
     "esnext": "^3.3.1",
-    "gh-pages": "^3.1.0",
+    "gh-pages": "^3.2.3",
     "markdown-toc-unlazy": "^1.0.1",
     "moment": "^2.27.0",
-    "react": "^16.13.1",
-    "react-bootstrap": "^1.2.2",
-    "react-dom": "^16.13.1",
+    "react": "^17.0.2",
+    "react-bootstrap": "^2.2.1",
+    "react-dom": "^17.0.2",
     "react-html-parser": "^2.0.2",
-    "react-markdown": "^4.3.1",
-    "react-player": "^2.6.0",
-    "react-router-bootstrap": "^0.25.0",
-    "react-router-dom": "^5.2.0",
-    "react-scripts": "^3.4.3",
-    "react-syntax-highlighter": "^13.5.1",
-    "react-youtube": "^7.11.3",
+    "react-markdown": "^8.0.1",
+    "react-player": "^2.10.0",
+    "react-router-bootstrap": "^0.26.1",
+    "react-router-dom": "^6.2.2",
+    "react-scripts": "^5.0.0",
+    "react-syntax-highlighter": "^15.5.0",
+    "react-youtube": "^7.14.0",
     "remarkable": "^2.0.1",
-    "styled-components": "^5.1.1",
-    "typescript": "^4.0.2",
+    "styled-components": "^5.3.3",
+    "typescript": "^4.6.2",
     "uslug": "^1.0.4"
   },
   "scripts": {
@@ -58,5 +60,8 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "resolutions": {
+    "react-error-overlay": "6.0.9"
   }
 }

public/img/quest_for_the_unicorn_paths.png

@@ -0,0 +1,36 @@
+import React, { FunctionComponent } from "react";
+import { Routes, HashRouter, Route } from "react-router-dom";
+
+import "./App.css";
+
+import Page from "../Page";
+import Layout from "../Layout";
+import NavigationBar from "../NavigationBar";
+
+import Home from "../Page/Home";
+import Lectures from "../Page/Lectures";
+import Labs from "../Page/Labs";
+import Assignments from "../Page/Assignments";
+import NoMatch from "../Page/NoMatch";
+
+const App: FunctionComponent = () => {
+  return (
+    <React.Fragment>
+      <HashRouter>
+        <NavigationBar />
+        <Layout>
+          <Routes>
+              <Route path="/" element={<Home />} />
+              <Route path="/lectures" element={<Lectures />} />
+              <Route path="/labs" element={<Labs />} />
+              <Route path="/assignments" element={<Assignments />} />
+              <Route path="/page/:slug+" element={<Page />}/>
+              <Route element={<NoMatch />}/>
+          </Routes>
+        </Layout>
+      </HashRouter>
+    </React.Fragment>
+  );
+}
+
+export default App;

public/lab/Lab3_try_except.key

@@ -0,0 +1 @@
+export { default } from './App';

public/lab/Lab3_try_except.pdf

@@ -0,0 +1,10 @@
+import React, { PropsWithChildren } from 'react';
+import { Container } from 'react-bootstrap';
+
+const Layout = (props: PropsWithChildren<{}>) => (
+	<Container className='mt-2'>
+		{props.children}
+	</Container>
+)
+
+export default Layout;

public/lab/inheritance.pdf

@@ -0,0 +1 @@
+export { default } from './Layout';

public/lab/inheritance.pptx

@@ -1,8 +1,8 @@
-import React, { useState } from 'react';
+import React, { PropsWithChildren, useState } from 'react';
 import { Nav, Navbar } from 'react-bootstrap';
 import { LinkContainer } from 'react-router-bootstrap';
 
-export const NavigationBar = () => {
+const NavigationBar = () => {
 	const [expanded, setExpanded] = useState(false);
 
 	return (
@@ -27,10 +27,12 @@ export const NavigationBar = () => {
 	);
 }
 
-const RouterNavLink = ({ children, ...props }) => (
-  <LinkContainer exact {...props}>
+const RouterNavLink = ({ children, ...props }: PropsWithChildren<{ to: string }>) => (
+  <LinkContainer {...props}>
     <Nav.Link active={false}>
       {children}
     </Nav.Link>
   </LinkContainer>
-)
+)
+
+export default NavigationBar;

public/lab/lab5-deployment.pdf

@@ -0,0 +1 @@
+export { default } from './NavigationBar';

public/lecture/1.1-condensed.pdf

@@ -67,7 +67,7 @@ interface AssignmentDataState {
     assignmentData?: Array<AssignmentRowProps>
 }
 
-export class AssignmentData extends Component<{}, AssignmentDataState> {
+export default class AssignmentData extends Component<{}, AssignmentDataState> {
     constructor(props: {}) {
         super(props);
 
@@ -77,7 +77,7 @@ export class AssignmentData extends Component<{}, AssignmentDataState> {
     }
 
     componentDidMount() {
-        let assignmentData = require("../res/assignments.json");
+        let assignmentData = require("../../res/assignments.json");
         assignmentData = assignmentData.map(
             <AssignmentRowProps,> ({ due, ...v }: {due: string}) => {
             return {

public/lecture/1.1-full.pdf

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from "react";
 
-// import { AssignmentData } from "../components/AssignmentTable";
+import AssignmentTable from "./AssignmentTable";
 
 const Assignments: FunctionComponent = () => (
     <div className="assignments">
@@ -15,7 +15,7 @@ const Assignments: FunctionComponent = () => (
             material, so enjoy! We hope you have fun completing these 
             assignments.
         </p>
-       {/* <AssignmentData />*/}
+       <AssignmentTable />
     </div>
 );
 

public/lecture/1.2-condensed.pdf

@@ -0,0 +1 @@
+export { default } from "./Assignments"

public/lecture/1.2-full.pdf

@@ -18,4 +18,4 @@ const CodeBlock: FunctionComponent<CodeProps> =
   )
 }
 
-export default CodeBlock;
+export default CodeBlock;

public/lecture/2-condensed.pdf

@@ -1,5 +1,5 @@
 import React, { FunctionComponent } from "react";
-import courseInfoLinks from "../res/courseInfoLinks.json";
+import courseInfoLinks from "../../res/courseInfoLinks.json";
 
 function obfuscate( name: string, domain:string, em_name:string ) { 
     // Citation: Dan Jurafsky for this function.

public/lecture/2-full.pdf

@@ -1,8 +1,8 @@
 import React, { FunctionComponent } from "react";
 
-// import { Schedule } from "../components/Schedule";
-import SiteHeader from "../components/SiteHeader";
-import CourseInfo from "../components/CourseInfo";
+import Schedule from "./Schedule";
+import SiteHeader from "./SiteHeader";
+import CourseInfo from "./CourseInfo";
 
 const Home: FunctionComponent = () => (
     <div className="home">