created corpus component

frontend/components/Corpus.js

@@ -0,0 +1,33 @@
+import React, {useEffect, useState} from "react";
+import * as PropTypes from "prop-types";
+// import STYLES from "./Corpus.module.scss";
+import {getCookie} from "../common";
+
+const Corpus = ({id}) => {
+
+    const [corpusData, setCorpusData] = useState({});
+    const [loading, setLoading] = useState(false);
+
+    useEffect(() => {
+        fetch(`/api/corpus/${id}`)
+    }, []);
+
+    return (
+        <div className="container-fluid">
+            {loading
+                ? <p>Currently loading Corpus...</p>
+                : <div>
+                    <h1>{corpusData.title}</h1>
+                    <h6>Description</h6>
+                    <p>{corpusData.description}</p>
+                </div>
+            }
+        </div>
+    );
+};
+
+Corpus.propTypes = {
+    id: PropTypes.number
+};
+
+export default Corpus;