Movedaround the directories to follow react structure.

1 files changed, 43 insertions, 0 deletions

diff --git a/frontend/src/components/SECAPIData.js b/frontend/src/components/SECAPIData.js
new file mode 100644
index 0000000..b0ad82d
--- /dev/null
+++ b/frontend/src/components/SECAPIData.js
@@ -0,0 +1,43 @@
+import React, {useState, useEffect} from 'react';
+import Button from './Button';
+import HubList from './HubList';
+import HubMap from './HubList';
+import './App.css';
+import Banner from './Banner';
+
+
+
+function SECAPIData() {
+    const [displayData, setDisplayData] = useState({});
+
+    const sendToBackend = () => {
+        console.log(dataToBackend);
+
+        fetch("http://localhost:4567/data", {
+            method: "POST",
+            body: JSON.stringify({ 
+               "data" : dataToBackend
+              }),
+              headers: {
+                "Content-Type": "application/json",
+              },
+              credentials: "same-origin"
+        })
+        
+        .then(response  => response.json().then(data => setDisplayData(data)))
+        .catch(error => console.log(error));
+    }
+
+    useEffect(() => sendToBackend(), []);
+  
+    return (
+      <div className="mainGrid">
+          <Banner></Banner>
+          <HubList data={displayData}></HubList>
+          <HubMap></HubMap>
+      </div>
+    );
+}
+  
+export default SECAPIData;
+  
\ No newline at end of file