From ee77de96c1fa21eff0682b2b20ec2131d6a8e738 Mon Sep 17 00:00:00 2001
From: "Embruch, Gerd" <gerd.embruch@uni-hamburg.de>
Date: Mon, 1 Jul 2024 11:03:54 +0200
Subject: [PATCH] created sitemap router
---
index.html | 4 +++-
src/App.jsx | 9 ++++++---
src/pages/Home.jsx | 22 ++++++++++++++++++++++
src/routes/Sitemap.jsx | 8 ++++++++
4 files changed, 39 insertions(+), 4 deletions(-)
create mode 100644 src/pages/Home.jsx
create mode 100644 src/routes/Sitemap.jsx
diff --git a/index.html b/index.html
index 831e911..ba10976 100644
--- a/index.html
+++ b/index.html
@@ -9,7 +9,9 @@
</head>
<body>
- <div id="root"></div>
+ <div id="root"
+ class="grid grid-cols-1 min-w-xs text-UhhGrey grid-rows-[auto_1fr_auto] min-h-full w-screen max-h-full sm:grid-rows-[auto_auto_auto_1fr]">
+ </div>
<script type="module" src="/src/main.jsx"></script>
</body>
diff --git a/src/App.jsx b/src/App.jsx
index 080d1e8..e5f4371 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,9 +1,12 @@
+import { createBrowserRouter, RouterProvider } from 'react-router-dom';
+import { sitemap } from "./routes/Sitemap";
+
+
function App() {
+ let pages = createBrowserRouter(sitemap);
return (
- <h1 className="text-3xl font-bold underline">
- Hello world!
- </h1>
+ <RouterProvider router={pages} />
);
}
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
new file mode 100644
index 0000000..87e754d
--- /dev/null
+++ b/src/pages/Home.jsx
@@ -0,0 +1,22 @@
+import React from 'react';
+
+function Home() {
+ // #################################
+ // HOOKS
+ // #################################
+
+ // #################################
+ // FUNCTIONS
+ // #################################
+
+ // #################################
+ // OUTPUT
+ // #################################
+ return (
+ <h1 className="text-3xl font-bold underline">
+ Hello world!
+ </h1>
+ );
+}
+
+export default React.memo(Home);
\ No newline at end of file
diff --git a/src/routes/Sitemap.jsx b/src/routes/Sitemap.jsx
new file mode 100644
index 0000000..6b6a087
--- /dev/null
+++ b/src/routes/Sitemap.jsx
@@ -0,0 +1,8 @@
+import Home from "../pages/Home";
+
+export const sitemap = [
+ {
+ path: "/",
+ element: <Home />,
+ },
+];
\ No newline at end of file
--
GitLab