From 265299961ef89f0ed832a1ec9f18d5803dfe7816 Mon Sep 17 00:00:00 2001
From: lars285 <lars.fronia@freenet.de>
Date: Thu, 20 Jun 2024 10:41:56 +0200
Subject: [PATCH] Added links between items and chests

---
 react-app/app/globals.css         | 3 +++
 react-app/app/items/[id]/page.js  | 6 +++---
 react-app/app/kisten/[id]/page.js | 2 +-
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/react-app/app/globals.css b/react-app/app/globals.css
index ca9f80f..9106a2f 100644
--- a/react-app/app/globals.css
+++ b/react-app/app/globals.css
@@ -266,4 +266,7 @@ summary {
   box-shadow: 0.375em 0.375em 0.75em #000000;
   cursor: pointer;
   list-style: none;
+}
+.chest-item-link{
+  text-decoration: underline;
 }
\ No newline at end of file
diff --git a/react-app/app/items/[id]/page.js b/react-app/app/items/[id]/page.js
index dd22907..1364914 100644
--- a/react-app/app/items/[id]/page.js
+++ b/react-app/app/items/[id]/page.js
@@ -144,13 +144,13 @@ export default function Page({ params }) {
             <li key={kiste.kiste_id}>
               <PlusOrMinusButton
                 itemId={itemJoined.id}
-                chestId={kiste.kiste_id}
+                chestId={kiste.kiste_id} 
                 plus={false}
                 callback={() => {
                   updateItemAnzahlAfterButtonClick(kiste, false);
                 }}
-              />
-              {kiste.anzahl}x | {kiste.kiste_name}
+              /> 
+              {kiste.anzahl}x | <a className='chest-item-link' href={"/kisten/" + kiste.kiste_id}>{kiste.kiste_name}</a>
               <PlusOrMinusButton
                 itemId={itemJoined.id}
                 chestId={kiste.kiste_id}
diff --git a/react-app/app/kisten/[id]/page.js b/react-app/app/kisten/[id]/page.js
index d268744..a3b3f97 100644
--- a/react-app/app/kisten/[id]/page.js
+++ b/react-app/app/kisten/[id]/page.js
@@ -163,7 +163,7 @@ export default function Page({ params }) {
                   updateItemAnzahlAfterButtonClick(item, false);
                 }}
               />
-              {item.item_name}: {item.anzahl}x
+               <a className='chest-item-link' href={"/items/" + item.item_id}>{item.item_name}</a>: {item.anzahl}x
               <PlusOrMinusButton
                 chestId={kisteWithItems.id}
                 itemId={item.item_id}