Merge pull request #339 from bavichugo/victor/updating-AlgoScreen-to-…

…functional-component

Updating AlgoScreen from class component to functional component

src/components/AlgorithmNotFound404.js

@@ -0,0 +1,24 @@
+import Footer from './Footer';
+import Header from './Header';
+import { Link } from 'react-router-dom';
+import React from 'react';
+
+const AlgorithmNotFound404 = () => {
+	return (
+		<div className="container">
+			<Header />
+			<div className="content">
+				<div className="four-o-four">
+					<h1>404!</h1>
+					<h3>
+						Algorithm not found! Click <Link to="/">here</Link> to return to the home
+						screen and choose another algorithm.
+					</h3>
+				</div>
+			</div>
+			<Footer />
+		</div>
+	);
+};
+
+export default AlgorithmNotFound404;

src/modals/BigOModals.js

@@ -64,7 +64,7 @@ function unblurAll() {
 const Modals = page => {
 	return timeComplexities[page] ? (
 		<div>
-			<div class="button-container">
+			<div className="button-container">
 				<button onClick={unblurAll}>Reveal All Big-O</button>
 			</div>
 			{renderRows(timeComplexities[page])}