Deleted template for frontend.

17 files changed, 0 insertions, 288 deletions

diff --git a/frontend/src/App.css b/frontend/src/App.css
deleted file mode 100644
index e69de29..0000000
--- a/frontend/src/App.css
+++ /dev/null
diff --git a/frontend/src/App.js b/frontend/src/App.js
deleted file mode 100644
index 4f9afc0..0000000
--- a/frontend/src/App.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import './App.css';
-import SECAPIData from "./components/SECAPIData";
-
-function App() {
-
-  return (
-      <div className="App">
-        <SECAPIData></SECAPIData>
-      </div>
-  );
-}
-
-export default App;
-
diff --git a/frontend/src/App.test.js b/frontend/src/App.test.js
deleted file mode 100644
index 1f03afe..0000000
--- a/frontend/src/App.test.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import App from './App';
-
-test('renders learn react link', () => {
-  render(<App />);
-  const linkElement = screen.getByText(/learn react/i);
-  expect(linkElement).toBeInTheDocument();
-});
diff --git a/frontend/src/DateInput.js b/frontend/src/DateInput.js
deleted file mode 100644
index b5962f0..0000000
--- a/frontend/src/DateInput.js
+++ /dev/null
@@ -1,35 +0,0 @@
-// React import
-import { useEffect, useState, useRef } from "react";
-
-/**
- * Componenet for checkins. Has a toggle to show more info.
- * @param {Object} props The props of the component.
- * @returns {import('react').HtmlHTMLAttributes} A list element holding a checkin's info.
- */
-function DateInput(props) {
-  const startInput = useRef();
-  const endInput = useRef();
-
-  const toValue = date => date.toISOString().slice(0, 10);
-
-  useEffect(() => setInitDates(), []);
-
-  const setInitDates = () => {
-    startInput.current.value = toValue(new Date());
-
-    // Two weeks away -> from stack overflow,
-    const fortnightAway = toValue(new Date(Date.now() - 12096e5));
-    endInput.current.value = fortnightAway;
-  }
-
-  return (
-    <>
-      <label for="start">Start date:</label>
-      <input type="date" id="start" ref={startInput} onChange={(e) => props.setStart(e.target.value)}/>
-      <label for="end">End date:</label>
-      <input type="date" id="end" ref={endInput} onChange={(e) => props.setEnd(e.target.value)}/>
-    </>
-  );
-}
-
-export default DateInput;
\ No newline at end of file
diff --git a/frontend/src/Main.css b/frontend/src/Main.css
deleted file mode 100644
index c5ab948..0000000
--- a/frontend/src/Main.css
+++ /dev/null
@@ -1,4 +0,0 @@
-:root {
-  --main-bg-color: #121212;
-  --primary-surface-color: #1F1B24;
-}
\ No newline at end of file
diff --git a/frontend/src/SECAPIData.js b/frontend/src/SECAPIData.js
deleted file mode 100644
index 8d0611f..0000000
--- a/frontend/src/SECAPIData.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import React, {useState, useEffect} from 'react';
-import Button from './Button';
-import HubList from './HubList';
-import DateInput from './DateInput';
-
-
-
-function SECAPIData() {
-    const [displayData, setDisplayData] = useState({});
-    const [startDate, setStartDate] = useState("");
-    const [endDate, setEndDate] = useState("");
-
-    const toEpochMilli = date => Date.parse(date);
-
-    const getLinks = () => {
-        fetch("http://localhost:4567/data", {
-            method: "POST",
-            body: JSON.stringify(
-                { 
-                    "start" : toEpochMilli(startDate), 
-                    "end" : toEpochMilli(endDate)
-                }),
-              headers: {
-                "Content-Type": "application/json",
-              },
-              credentials: "same-origin"
-        })
-        .then(res  => res.json())
-        .then(data => setDisplayData(data))
-        .catch(err => console.log(err));
-    }
-  
-    return (
-      <div>
-          <h1>SECAPIData</h1>
-          <DateInput setStart={setStartDate} setEnd={setEndDate}></DateInput>
-          <Button onPress={getLinks}></Button>
-          <HubList data={displayData}></HubList>
-      </div>
-    );
-}
-  
-export default SECAPIData;
-  
\ No newline at end of file
diff --git a/frontend/src/components/Banner.css b/frontend/src/components/Banner.css
deleted file mode 100644
index e5016b9..0000000
--- a/frontend/src/components/Banner.css
+++ /dev/null
@@ -1,4 +0,0 @@
-h1 {
-  background-color: var(--primary-surface-color);
-  min-width: 400px;
-}
\ No newline at end of file
diff --git a/frontend/src/components/Banner.js b/frontend/src/components/Banner.js
deleted file mode 100644
index 27eb5e9..0000000
--- a/frontend/src/components/Banner.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import '../App.css';
-import './Banner.css';
-
-function Banner() {
-    return (
-      <>
-      <h1>Welcome To Watchdogs...</h1>
-      </>
-    );
-}
-
-export default Banner;
\ No newline at end of file
diff --git a/frontend/src/components/Hub.js b/frontend/src/components/Hub.js
deleted file mode 100644
index 6dbcc57..0000000
--- a/frontend/src/components/Hub.js
+++ /dev/null
@@ -1,26 +0,0 @@
-// React import
-import { useState } from "react";
-
-/**
- * Componenet for checkins. Has a toggle to show more info.
- * @param {Object} props The props of the component.
- * @returns {import('react').HtmlHTMLAttributes} A list element holding a checkin's info.
- */
-function Hub(props) {
-    // State - toggled
-    const [isToggled, setIsToggled] = useState(false);
-
-    return (
-        <li className='Checkin' key={props.name}>
-            <div className="Img-flex">
-                <span><span className="Clickable-name" onClick= {(e) => console.log(props.name)}>{props.name}</span> has {props.value}</span>
-                <img className="Img-btn" hidden={isToggled} onClick={() => setIsToggled((toggle) => !toggle)} src="/round_expand_more_white_18dp.png" alt="image"/>
-                <img className="Img-btn" hidden={!isToggled} onClick={() => setIsToggled((toggle) => !toggle)} src="/round_expand_less_white_18dp.png" alt="image"/>
-            </div>
-            <div hidden={!isToggled}>
-              Testing field...
-            </div>
-        </li>);
-}
-
-export default Hub;
\ No newline at end of file
diff --git a/frontend/src/components/HubList.js b/frontend/src/components/HubList.js
deleted file mode 100644
index 64dd131..0000000
--- a/frontend/src/components/HubList.js
+++ /dev/null
@@ -1,43 +0,0 @@
-// React and component imports
-import { useEffect, useState } from "react";
-import Hub from './Hub';
-
-/**
- * Component that build the checkin list and displays checkin info.
- * @returns {import('react').HtmlHTMLAttributes} A div with the checkins 
- * in a vertical layout.
- */
-function HubList(props) {
-  const [hubItems, setHubItems] = useState([]);
-
-    /**
-     * Loads new the checkins into the current cache/map of checkins.
-     */
-    const updateHubItems = () => {
-        let tempCheckinItems = [];
-        const sorted = Object.entries(props.data).sort(([,a],[,b]) => b-a);
-        console.log(sorted);
-        for (const [key, value] of sorted) {
-          tempCheckinItems.push(
-            <Hub name={key} value={value}></Hub>
-          );
-        }
-        setHubItems(tempCheckinItems);
-    }
-
-    // React hook that queries the checkin database every 5 seconds.
-    useEffect(() => {
-        updateHubItems();
-    }, [props.data]);
-
-    return (
-      <div className="User-checkin">
-          <div className="Checkins">
-              <h2>Individual Suspicion</h2>
-              <ul className='Checkin-list'>{hubItems}</ul>
-          </div>
-      </div>
-    );
-}
-
-export default HubList;
\ No newline at end of file
diff --git a/frontend/src/components/HubMap.css b/frontend/src/components/HubMap.css
deleted file mode 100644
index c23f81d..0000000
--- a/frontend/src/components/HubMap.css
+++ /dev/null
@@ -1,3 +0,0 @@
-canvas {
-  background-color: var(--main-bg-color);
-}
\ No newline at end of file
diff --git a/frontend/src/components/HubMap.js b/frontend/src/components/HubMap.js
deleted file mode 100644
index 1c4ae3d..0000000
--- a/frontend/src/components/HubMap.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import '../App.css';
-import './HubMap.css';
-
-function HubMap(props) {
-    return <canvas></canvas>;
-}
-
-export default HubMap;
\ No newline at end of file
diff --git a/frontend/src/components/SECAPIData.js b/frontend/src/components/SECAPIData.js
deleted file mode 100644
index b0ad82d..0000000
--- a/frontend/src/components/SECAPIData.js
+++ /dev/null
@@ -1,43 +0,0 @@
-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
diff --git a/frontend/src/index.js b/frontend/src/index.js
deleted file mode 100644
index 7998135..0000000
--- a/frontend/src/index.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './App';
-import reportWebVitals from './reportWebVitals';
-
-ReactDOM.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-  document.getElementById('root')
-);
-
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();
diff --git a/frontend/src/reportWebVitals.js b/frontend/src/reportWebVitals.js
deleted file mode 100644
index 5253d3a..0000000
--- a/frontend/src/reportWebVitals.js
+++ /dev/null
@@ -1,13 +0,0 @@
-const reportWebVitals = onPerfEntry => {
-  if (onPerfEntry && onPerfEntry instanceof Function) {
-    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-      getCLS(onPerfEntry);
-      getFID(onPerfEntry);
-      getFCP(onPerfEntry);
-      getLCP(onPerfEntry);
-      getTTFB(onPerfEntry);
-    });
-  }
-};
-
-export default reportWebVitals;
diff --git a/frontend/src/setupTests.js b/frontend/src/setupTests.js
deleted file mode 100644
index 8f2609b..0000000
--- a/frontend/src/setupTests.js
+++ /dev/null
@@ -1,5 +0,0 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom';
diff --git a/frontend/src/templates/Template.js b/frontend/src/templates/Template.js
deleted file mode 100644
index c00e67e..0000000
--- a/frontend/src/templates/Template.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import '../App.css';
-
-function Template(props) {
-    return (
-      <>
-      </>
-    );
-}
-
-export default Template;
\ No newline at end of file