created sitemap router

ee77de96 · Embruch, Gerd · 1a70847d · ee77de96 · ee77de96 · ee77de96
Commit ee77de96 authored 11 months ago by Embruch, Gerd
--- 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>

--- a/src/App.jsx
+++ b/src/App.jsx
+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">
+    <RouterProvider router={pages} />
-      Hello world!
-    </h1>
  );
 }

--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
+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
--- a/src/routes/Sitemap.jsx
+++ b/src/routes/Sitemap.jsx
+import Home from "../pages/Home";
+export const sitemap = [
+  {
+    path: "/",
+    element: <Home />,
+  },
+];
\ No newline at end of file