initial setup of seperating frontend

1 files changed, 35 insertions, 0 deletions

diff --git a/src/routes/index.jsx b/src/routes/index.jsx
new file mode 100644
index 0000000..1b778ef
--- /dev/null
+++ b/src/routes/index.jsx
@@ -0,0 +1,35 @@
+import React, { useState, useEffect } from "react";
+import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
+import Home from "../components/Home";
+import Blogs from "../components/Blogs";
+import Games from "../components/Games";
+import Game from "../components/Game";
+import Layout from "../components/Layout";
+
+export default function index()
+{
+	const [userData, setUserData] = useState({});
+	const url = "/api/v1/auth/data";
+	useEffect(() => {
+		fetch(url).then((response) => {
+		if(response.ok) {
+			return response.json();
+		}
+		throw new Error("Network response was not ok.");
+	}).then((response) => setUserData(response.user_data));}, []);
+		// get user data here
+		// then pass it in as 'props' into the components
+	return (<>
+		{/*<h1>{userData.login}</h1>*/}
+		<Router>
+			<Routes>
+				<Route path="/" element = {<Layout userData={userData}/>}>
+					<Route index element={<Home />} />
+					<Route path="/blogs" element={<Blogs />} />
+					<Route path="/games" element={<Games />} />
+					<Route path="/games/:user/:game" element={<Game />} />
+				</Route>
+			</Routes>
+		</Router>
+	</>);
+}