tailwind and auth tweaks

1 files changed, 10 insertions, 6 deletions

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