From bf840e892c40e8972a9ebe775c01820e46179015 Mon Sep 17 00:00:00 2001 From: Aroy-Art <Aroy-Art@pm.me> Date: Fri, 21 Mar 2025 21:55:04 +0100 Subject: [PATCH] Add: HomePage component & update App.tsx --- frontend/src/App.tsx | 29 +++++++++++++++++++++++++++++ frontend/src/pages/HomePage.tsx | 20 ++++++++++++++++++++ 2 files changed, 49 insertions(+) create mode 100644 frontend/src/App.tsx create mode 100644 frontend/src/pages/HomePage.tsx diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx new file mode 100644 index 0000000..5e820a7 --- /dev/null +++ b/frontend/src/App.tsx @@ -0,0 +1,29 @@ +import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'; +import { HelmetProvider } from "react-helmet-async"; + +import { ThemeProvider } from "@/components/ThemeProvider"; + +import HomePage from "@/pages/HomePage"; + +import LoginPage from "@/pages/LoginPage"; + +function App() { + return ( + <HelmetProvider> + <ThemeProvider defaultTheme="system" storageKey="ga-ui-theme"> + <Router> + <Routes> + <Route path="/"> + <Route index element={<HomePage />} /> + <Route path="user/"> + <Route path="login" element={<LoginPage />} /> + </Route> + </Route> + </Routes> + </Router> + </ThemeProvider> + </HelmetProvider> + ); +}; + +export default App; diff --git a/frontend/src/pages/HomePage.tsx b/frontend/src/pages/HomePage.tsx new file mode 100644 index 0000000..8e2b32f --- /dev/null +++ b/frontend/src/pages/HomePage.tsx @@ -0,0 +1,20 @@ +import { Helmet } from "react-helmet-async"; + +import Navbar from '@/components/Navbar'; + +const HomePage = () => { + return ( + <> + <Helmet> + <title>Home | {__SITE_NAME__}</title> + </Helmet> + <Navbar /> + <div className="p-6 min-h-screen mx-6 text-center"> + <h1 className="text-3xl font-bold mb-4">{__SITE_NAME__}</h1> + <p>This is an art gallery archiver for: Furaffinity, Twitter</p> + </div> + </> + ) +}; + +export default HomePage;