From 425939bc7d49436dea66dcb88fce2e22ad6e64e4 Mon Sep 17 00:00:00 2001
From: realtradam <github@tradam.dev>
Date: Sun, 14 Apr 2024 21:53:27 -0400
Subject: implement basic authflow with github

---
 app/javascript/components/App.jsx |  5 ++++-
 app/javascript/routes/index.jsx   | 32 +++++++++++++++++++++++---------
 2 files changed, 27 insertions(+), 10 deletions(-)

(limited to 'app/javascript')

diff --git a/app/javascript/components/App.jsx b/app/javascript/components/App.jsx
index 6d7a0c7..da6a873 100644
--- a/app/javascript/components/App.jsx
+++ b/app/javascript/components/App.jsx
@@ -1,4 +1,7 @@
 import React from "react";
 import Routes from "../routes";
 
-export default props => <>{Routes}</>;
+export default (props) => {
+  return (<Routes />);
+}
+  
diff --git a/app/javascript/routes/index.jsx b/app/javascript/routes/index.jsx
index ac0f9ae..be928fc 100644
--- a/app/javascript/routes/index.jsx
+++ b/app/javascript/routes/index.jsx
@@ -1,13 +1,27 @@
-import React from "react";
+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";
 
-export default (
-	<Router>
-		<Routes>
-			<Route path="/" element = {<Home />} />
-			<Route path="/blogs" element={<Blogs />} />
-		</Routes>
-	</Router>
-);
+export default function index()
+{
+	const [userData, setUserData] = useState({ login: "" });
+	const url = "/api/v1/auth/data";
+	fetch(url).then((response) => {
+		if(response.ok) {
+			return response.json();
+		}
+		throw new Error("Network response was not ok.");
+	}).then((response) => setUserData(response));
+		// get user data here
+		// then pass it in as 'props' into the components
+	return (<>
+	    <h1>{userData.login}</h1>
+		<Router>
+			<Routes>
+				<Route path="/" element = {<Home />} />
+				<Route path="/blogs" element={<Blogs />} />
+			</Routes>
+		</Router>
+	</>);
+}
-- 
cgit v1.2.3