From 550a69688d9862264bc92789363ec0d2f224b795 Mon Sep 17 00:00:00 2001
From: klaas <klaas@boergmann.it>
Date: Sun, 29 Sep 2024 01:31:06 +0200
Subject: [PATCH] =?UTF-8?q?Seite=20f=C3=BCr=20einzelne=20Spiele?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/app/error.tsx            | 11 -----------
 app/app/spiele/:id/page.tsx  |  0
 app/app/spiele/[id]/page.tsx | 37 ++++++++++++++++++++++++++++++++++++
 app/app/training/layout.tsx  | 15 +++++++++++++++
 app/components/Login.tsx     | 24 +++++++++++++++++++++++
 5 files changed, 76 insertions(+), 11 deletions(-)
 delete mode 100644 app/app/error.tsx
 delete mode 100644 app/app/spiele/:id/page.tsx
 create mode 100644 app/app/spiele/[id]/page.tsx
 create mode 100644 app/app/training/layout.tsx
 create mode 100644 app/components/Login.tsx

diff --git a/app/app/error.tsx b/app/app/error.tsx
deleted file mode 100644
index 79b969b..0000000
--- a/app/app/error.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-'use client'
-
-import React from 'react'
-
-function error({error}: {error: Error}) {
-  return (
-    <div>error {error.message}</div>
-  )
-}
-
-export default error
\ No newline at end of file
diff --git a/app/app/spiele/:id/page.tsx b/app/app/spiele/:id/page.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/app/app/spiele/[id]/page.tsx b/app/app/spiele/[id]/page.tsx
new file mode 100644
index 0000000..dbb09be
--- /dev/null
+++ b/app/app/spiele/[id]/page.tsx
@@ -0,0 +1,37 @@
+import React from 'react'
+import Link from "next/link";
+
+type response = {
+  message: string;
+  game: spiel;
+}
+
+type spiel = {
+  id: number;
+  name: string;
+  material: string;
+  regeln:string;
+  variationen: string;
+  dauer: string;
+  type: number;
+};
+
+async function spiel({params}:{params:{id:number}}) {
+
+    const response = await fetch("http://localhost:2006/spiele/"+params.id);
+  
+    const data:response[] = await response.json();
+    console.log(data);
+    const game: spiel = data.game;
+    return (
+        <div>
+            <h1> {game.name} </h1>
+            Material: {game.material}<br/>
+            Dauer: <p>{game.dauer}</p>
+            <h2>Regeln:</h2><p> {game.regeln}</p>
+            <h2>Variationen:</h2> <p> {game.variationen}</p>
+      </div>
+  )
+}
+
+export default spiel
\ No newline at end of file
diff --git a/app/app/training/layout.tsx b/app/app/training/layout.tsx
new file mode 100644
index 0000000..58054c7
--- /dev/null
+++ b/app/app/training/layout.tsx
@@ -0,0 +1,15 @@
+import React from 'react'
+
+function trainings({children}: {children: React.ReactNode}) {
+  
+
+    return (
+    <div>
+        {children}
+    </div>    
+)
+}
+
+
+
+export default trainings
\ No newline at end of file
diff --git a/app/components/Login.tsx b/app/components/Login.tsx
new file mode 100644
index 0000000..b052e5b
--- /dev/null
+++ b/app/components/Login.tsx
@@ -0,0 +1,24 @@
+import React from 'react'
+
+function Login() {
+  return (
+    <div>
+        <form>
+            <label>
+                Username
+                <input type="text" name="username" />
+            </label>
+            <label>
+                Password
+                <input type="password" name="password" />
+            </label>
+            <button type="submit">Login</button>
+        </form>
+        <script>
+            console.log("Login")
+        </script>
+    </div>
+  )
+}
+
+export default Login
\ No newline at end of file