From cc2e3d3165037d01198db58e66435965f75323ef Mon Sep 17 00:00:00 2001
From: "shakespeare.diy" <assistant@shakespeare.diy>
Date: Thu, 23 Jul 2026 20:03:19 +0700
Subject: [PATCH] map: replace Vibed with Shakespeare with Sasquatch trigger
 button below Quick Snap

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
---
 src/pages/MapPage.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/pages/MapPage.tsx b/src/pages/MapPage.tsx
index 5fcd383..5d58574 100644
--- a/src/pages/MapPage.tsx
+++ b/src/pages/MapPage.tsx
@@ -1302,7 +1302,7 @@ export default function MapPage() {
 
               {/* Quick Capture FAB - only show for logged in users on mobile */}
               {user && (
-                <div className="absolute bottom-24 right-4 z-[1000] md:hidden flex flex-col items-center gap-1">
+                <div className="absolute bottom-24 right-4 z-[1000] md:hidden flex flex-col items-center gap-2">
                   <Button
                     onClick={() => setShowQuickCamera(true)}
                     className="h-14 w-14 rounded-full bg-[#ff0040] hover:bg-[#ff0040]/90 shadow-xl shadow-[#ff0040]/30 border-2 border-white/20"
@@ -1312,14 +1312,14 @@ export default function MapPage() {
                   <span className="text-xs text-white font-bold whitespace-nowrap bg-black/70 px-2 py-0.5 rounded">
                     Quick Snap
                   </span>
-                  <a
-                    href="https://shakespeare.diy"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    className="text-[10px] text-white/40 hover:text-white/70 whitespace-nowrap transition-colors"
+                  {/* Sasquatch trigger button */}
+                  <button
+                    onClick={() => window.dispatchEvent(new CustomEvent('sasquatch:open'))}
+                    className="h-10 w-10 rounded-full overflow-hidden border-2 border-white/20 shadow-lg hover:scale-110 transition-transform"
+                    title="Ask Sasquatch"
                   >
-                    Vibed with Shakespeare
-                  </a>
+                    <img src="/images/sasquatch-guide.webp" alt="Sasquatch" className="w-full h-full object-cover" />
+                  </button>
                 </div>
               )}
             </>