From dcdfa9e5f5128bc89747755624845da3b7a140e3 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Thu, 21 Aug 2025 11:02:06 +0000
Subject: [PATCH] Fix "Back to Puzzles" link

Ensure "Back to Puzzles" link is displayed correctly on the pebble placement interactive page when accessed via the puzzles section.
---
 src/pages/PebblePlacementGamePage.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/src/pages/PebblePlacementGamePage.tsx b/src/pages/PebblePlacementGamePage.tsx
index 642ab5c..e6013d1 100644
--- a/src/pages/PebblePlacementGamePage.tsx
+++ b/src/pages/PebblePlacementGamePage.tsx
@@ -1,6 +1,28 @@
 import PebblePlacementGame from "@/components/PebblePlacementGame";
+import { useSearchParams } from "react-router-dom";
 
 const PebblePlacementGamePage = () => {
+  const [searchParams] = useSearchParams();
+  const from = searchParams.get('from');
+
+  if (from === 'puzzles') {
+    return (
+      <div className="min-h-screen bg-background">
+        <div className="container mx-auto px-4 py-8 space-y-6">
+          <div className="flex items-center gap-4">
+            <button 
+              onClick={() => window.location.href = '/themes/puzzles'}
+              className="text-primary hover:text-primary/80 font-medium"
+            >
+              ← Back to Puzzles
+            </button>
+          </div>
+          <PebblePlacementGame showSocialShare={true} />
+        </div>
+      </div>
+    );
+  }
+
   return <PebblePlacementGame showSocialShare={true} />;
 };