Restructure "Resources", replace "Research" with "Readings" in Resources, and add dummy data for Resources

.eslintignore

@@ -0,0 +1,22 @@
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+/static
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

src/navbar/NavigationBar.js

@@ -133,7 +133,7 @@ function NavigationBar() {
 										to="/resources"
 										state={{ option: 2 }}
 									>
-										> Research
+										> Readings
 									</Link>
 									<Link
 										className="dropdown-link"

src/resources/Organizations.js

@@ -2,7 +2,17 @@ import React from "react";
 import "./resources.css";
 
 function Organizations() {
-	return <div>Organizations</div>;
+	return (
+		<div>
+			<h2>Organizations</h2>
+			<p>
+				Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+				tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+				veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+				commodo consequat.
+			</p>
+		</div>
+	);
 }
 
 export default Organizations;

src/resources/Readings.js

@@ -0,0 +1,18 @@
+import React from "react";
+import "./resources.css";
+
+function Readings() {
+	return (
+		<div>
+			<h2>Readings</h2>
+			<p>
+				Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+				tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+				veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+				commodo consequat.
+			</p>
+		</div>
+	);
+}
+
+export default Readings;

src/resources/Resources.js

@@ -3,7 +3,7 @@ import React, { useState, useEffect, useRef } from "react";
 import { useLocation } from "react-router-dom";
 import "./resources.css";
 import Tutorials from "./Tutorials";
-import Research from "./Research";
+import Readings from "./Readings";
 import Organizations from "./Organizations";
 
 function Resources() {
@@ -52,42 +52,28 @@ function Tab() {
 					Organizations
 				</button>
 			</div>
+
 			<div className="resources-contents">
 				<div
 					className={
 						tabState === 1 ? "resources-content active" : "resources-content"
 					}
 				>
-					<h2>Tutorials</h2>
-					<p>
-						Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-						eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-						ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-						aliquip ex ea commodo consequat.
-					</p>
+					<Tutorials />
 				</div>
-
 				<div
 					className={
 						tabState === 2 ? "resources-content active" : "resources-content"
 					}
 				>
-					<h2>Readings</h2>
-					<p>Something about Early Research Scholars Programs.</p>
+					<Readings />
 				</div>
-
 				<div
 					className={
 						tabState === 3 ? "resources-content active" : "resources-content"
 					}
 				>
-					<h2>Organizations</h2>
-					<p>
-						Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-						eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-						ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-						aliquip ex ea commodo consequat.
-					</p>
+					<Organizations />
 				</div>
 			</div>
 		</>

src/resources/Tutorials.js

@@ -2,7 +2,17 @@ import React from "react";
 import "./resources.css";
 
 function Tutorials() {
-	return <div>Tutorials</div>;
+	return (
+		<div>
+			<h2>Tutorials</h2>
+			<p>
+				Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+				tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+				veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+				commodo consequat.
+			</p>
+		</div>
+	);
 }
 
 export default Tutorials;