From 5a5acfcbc213c8577b80c1b8b1b045dc01e2fe55 Mon Sep 17 00:00:00 2001
From: TerryM <chiachintat10@gmail.com>
Date: Mon, 1 Jun 2026 23:13:25 +0800
Subject: [PATCH] fix: show save guide on mobile only

---
 src/components/SaveToAlbumGuide.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/SaveToAlbumGuide.tsx b/src/components/SaveToAlbumGuide.tsx
index 2f09698..0c66241 100644
--- a/src/components/SaveToAlbumGuide.tsx
+++ b/src/components/SaveToAlbumGuide.tsx
@@ -53,6 +53,13 @@ export function mediaSaveKindFromType(
 
 type SavePlatform = "ios" | "android" | "desktop";
 
+const saveAlbumGuideMobileMediaQuery = "(max-width: 760px)";
+
+function shouldShowSaveAlbumGuide(): boolean {
+  if (typeof window === "undefined" || !window.matchMedia) return false;
+  return window.matchMedia(saveAlbumGuideMobileMediaQuery).matches;
+}
+
 function detectSavePlatform(): SavePlatform {
   if (typeof navigator === "undefined") return "desktop";
   const ua = navigator.userAgent || "";
@@ -92,6 +99,7 @@ export function SaveToAlbumGuideProvider({
   const platform = useMemo(() => detectSavePlatform(), []);
 
   const showSaveToAlbumGuide = useCallback((kind: SaveToAlbumMediaKind) => {
+    if (!shouldShowSaveAlbumGuide()) return;
     setMediaKind(kind);
   }, []);