From c14b4dfc355acaf7a84dccbcdcd1a3cc6bd7d0c6 Mon Sep 17 00:00:00 2001
From: Corwin <corwin@kuiper.dev>
Date: Mon, 29 Apr 2024 00:30:52 +0100
Subject: [PATCH] link back to where you left off

---
 website/agb/src/app/showcase/[game]/page.tsx | 2 +-
 website/agb/src/app/showcase/page.tsx        | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/website/agb/src/app/showcase/[game]/page.tsx b/website/agb/src/app/showcase/[game]/page.tsx
index 4e943473..2a00b287 100644
--- a/website/agb/src/app/showcase/[game]/page.tsx
+++ b/website/agb/src/app/showcase/[game]/page.tsx
@@ -54,7 +54,7 @@ function Display({ game }: { game: ShowcaseGame }) {
     <>
       <ContentBlock color="#AAAFFF">
         <BackToShowcaseWrapper>
-          <Link href="../showcase">
+          <Link href={`../showcase#${slugify(game.name)}`}>
             <strong>&lt;</strong> Back to showcase
           </Link>
         </BackToShowcaseWrapper>
diff --git a/website/agb/src/app/showcase/page.tsx b/website/agb/src/app/showcase/page.tsx
index 00021d5a..fcb2a42e 100644
--- a/website/agb/src/app/showcase/page.tsx
+++ b/website/agb/src/app/showcase/page.tsx
@@ -28,7 +28,10 @@ export default function ColourPickerPage() {
 function Game({ game }: { game: ShowcaseGame }) {
   const showcaseImage = game.screenshots[game.screenshots.length - 1];
   return (
-    <GameDisplay href={`./showcase/${slugify(game.name)}`}>
+    <GameDisplay
+      href={`./showcase/${slugify(game.name)}`}
+      id={slugify(game.name)}
+    >
       <GameImage src={showcaseImage} alt={`Screenshot of ${game.name}`} />
       <h2>{game.name}</h2>
     </GameDisplay>