diff --git a/package.json b/package.json index 481231f..c85fae4 100644 --- a/package.json +++ b/package.json @@ -50,5 +50,8 @@ "last 1 firefox version", "last 1 safari version" ] + }, + "devDependencies": { + "prettier": "^3.3.3" } } diff --git a/src/App.css b/src/App.css index 74b5e05..e6f8ec6 100644 --- a/src/App.css +++ b/src/App.css @@ -28,6 +28,14 @@ color: #61dafb; } +.title { + margin: 10%; +} + +Button { + margin: 3px; +} + @keyframes App-logo-spin { from { transform: rotate(0deg); diff --git a/src/App.tsx b/src/App.tsx index 18ac09d..62f88bd 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -5,9 +5,15 @@ import { Routes, Route } from "react-router-dom"; import axios from "axios"; import { initializeApp } from "firebase/app"; import { setPersistence, getAuth, inMemoryPersistence } from "firebase/auth"; -import { useLogin, LoadingScreen, AuthProvider } from "@hex-labs/core"; +import { + useLogin, + LoadingScreen, + AuthProvider, + Header, + Footer, +} from "@hex-labs/core"; -import UserData from './components/UserData'; +import UserData from "./components/UserData"; // a little bee ascii art // const art = @@ -48,14 +54,14 @@ export const App = () => { // useAuth hook to retrieve the user's login details. return ( - +
{/* Setting up our React Router to route to all the different pages we may have */} } /> - +