terry/Arkie-Library-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: show save guide on mobile only
All checks were successful
Deploy to Frontend Servers / deploy (push) Successful in 27s
Details

Browse Source
This commit is contained in:
TerryM
2026-06-01 23:13:25 +08:00
parent 097c12bab5
commit 5a5acfcbc2
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/SaveToAlbumGuide.tsx
View File

@@ -53,6 +53,13 @@ export function mediaSaveKindFromType(
type SavePlatform = "ios" | "android" | "desktop"; 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 { function detectSavePlatform(): SavePlatform {
if (typeof navigator === "undefined") return "desktop"; if (typeof navigator === "undefined") return "desktop";
const ua = navigator.userAgent || ""; const ua = navigator.userAgent || "";
@@ -92,6 +99,7 @@ export function SaveToAlbumGuideProvider({
const platform = useMemo(() => detectSavePlatform(), []); const platform = useMemo(() => detectSavePlatform(), []);
const showSaveToAlbumGuide = useCallback((kind: SaveToAlbumMediaKind) => { const showSaveToAlbumGuide = useCallback((kind: SaveToAlbumMediaKind) => {
if (!shouldShowSaveAlbumGuide()) return;
setMediaKind(kind); setMediaKind(kind);
}, []); }, []);