From 7c21d11e8d4ca80ce7148c9e90b6bad05d46f485 Mon Sep 17 00:00:00 2001
From: KoCoder <hintermayer.konstantin@gmail.com>
Date: Thu, 3 Oct 2024 22:55:03 +0200
Subject: [PATCH] New: Demo Homepage

---
 web/src/Routes.tsx                          |  2 +-
 web/src/pages/HomePage/HomePage.stories.tsx | 13 ++++++++++++
 web/src/pages/HomePage/HomePage.test.tsx    | 14 +++++++++++++
 web/src/pages/HomePage/HomePage.tsx         | 23 +++++++++++++++++++++
 4 files changed, 51 insertions(+), 1 deletion(-)
 create mode 100644 web/src/pages/HomePage/HomePage.stories.tsx
 create mode 100644 web/src/pages/HomePage/HomePage.test.tsx
 create mode 100644 web/src/pages/HomePage/HomePage.tsx

diff --git a/web/src/Routes.tsx b/web/src/Routes.tsx
index 2c8f02a..e26b6aa 100644
--- a/web/src/Routes.tsx
+++ b/web/src/Routes.tsx
@@ -11,7 +11,7 @@ import { Router, Route } from '@redwoodjs/router'
 
 const Routes = () => {
   return (
-    <Router>
+      <Route path="/" page={HomePage} name="home" />
       <Route notfound page={NotFoundPage} />
     </Router>
   )
diff --git a/web/src/pages/HomePage/HomePage.stories.tsx b/web/src/pages/HomePage/HomePage.stories.tsx
new file mode 100644
index 0000000..d9631ae
--- /dev/null
+++ b/web/src/pages/HomePage/HomePage.stories.tsx
@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import HomePage from './HomePage'
+
+const meta: Meta<typeof HomePage> = {
+  component: HomePage,
+}
+
+export default meta
+
+type Story = StoryObj<typeof HomePage>
+
+export const Primary: Story = {}
diff --git a/web/src/pages/HomePage/HomePage.test.tsx b/web/src/pages/HomePage/HomePage.test.tsx
new file mode 100644
index 0000000..c684c7a
--- /dev/null
+++ b/web/src/pages/HomePage/HomePage.test.tsx
@@ -0,0 +1,14 @@
+import { render } from '@redwoodjs/testing/web'
+
+import HomePage from './HomePage'
+
+//   Improve this test with help from the Redwood Testing Doc:
+//   https://redwoodjs.com/docs/testing#testing-pages-layouts
+
+describe('HomePage', () => {
+  it('renders successfully', () => {
+    expect(() => {
+      render(<HomePage />)
+    }).not.toThrow()
+  })
+})
diff --git a/web/src/pages/HomePage/HomePage.tsx b/web/src/pages/HomePage/HomePage.tsx
new file mode 100644
index 0000000..5c08ba7
--- /dev/null
+++ b/web/src/pages/HomePage/HomePage.tsx
@@ -0,0 +1,23 @@
+// import { Link, routes } from '@redwoodjs/router'
+import { Link } from '@redwoodjs/router'
+import { Metadata } from '@redwoodjs/web'
+
+const HomePage = () => {
+  return (
+    <>
+      <Metadata title="Home" description="Home page" />
+
+      <h1>HomePage</h1>
+      <p>
+        Find me in <code>./web/src/pages/HomePage/HomePage.tsx</code>
+      </p>
+      {/*
+          My default route is named `home`, link to me with:
+          `<Link to={routes.home()}>Home</Link>`
+      */}
+      <Link to={'/login'}>Login</Link>
+    </>
+  )
+}
+
+export default HomePage