deleted protected routes

.env

@@ -0,0 +1 @@
+REACT_APP_API_ENDPOINT=http://localhost:8080/api

src/App.js

@@ -24,8 +24,6 @@ function App() {
 			<BrowserRouter>
 				<Nav />
 				<Switch>
-					<Route component={Signup} path="/register" />
-					<Route component={Signin} path="/login" />
 					<Route component={Main} path="/about" />
 					<Route component={CreatePool} path="/create_pool" />
 					<Route component={CreateGroup} path="/create_group" />

src/api.js

@@ -0,0 +1,2 @@
+const dev = process.env.NODE_ENV === 'development';
+export const API_ENDPOINT = 'http://localhost/api';

src/components/Group.js

@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from 'react';
+import { API_ENDPOINT } from '../api';
 
 const Group = (props) => {
 	const id = props.match.params.id;
@@ -55,20 +56,17 @@ const Group = (props) => {
 		],
 	});
 
-	const callAPI = () => {
+	useEffect(() => {
-		fetch(`${process.env.REACT_APP_API_ENDPOINT}/pools/`)
+		console.log(process.env);
+		fetch(`${API_ENDPOINT}/my_pools`)
 			.then((response) => response.json())
-			.then((data) => {
+			.then((json) => {
-				if (data !== undefined) {
+				if (json) {
-					setPools(data.Pools);
+					setPools(json.data);
 				}
 			});
-	};
-
-	useEffect(() => {
-		console.log('hello');
-		callAPI();
 	}, []);
+
 	const maybePluralize = (count, noun, suffix = 's') =>
 		`${count} ${noun}${count !== 1 ? suffix : ''}`;
 	return (

src/components/Main.js

@@ -0,0 +1,7 @@
+export default function Main() {
+	return (
+		<div className="d-flex flex-column">
+			<h1>About Us</h1>
+		</div>
+	);
+}

src/components/UpdatePool.js

@@ -2,6 +2,8 @@ import React, { useState, useEffect, useCallback } from 'react';
 
 const UpdatePool = (props) => {
 	const id = props.match.params.id;
+
+	// eslint-disable-next-line
 	const [pool, setPool] = useState({
 		id: 1,
 		pool_title: 'TJ Carpool',