From 4d09a1aa4c12c48162777b69c717a831c661b0bc Mon Sep 17 00:00:00 2001 From: MurakawaTakuya Date: Fri, 10 Jan 2025 00:25:12 +0900 Subject: [PATCH] =?UTF-8?q?fixup!=20=E3=82=A2=E3=82=AB=E3=82=A6=E3=83=B3?= =?UTF-8?q?=E3=83=88=E7=94=BB=E9=9D=A2=E5=A4=89=E6=9B=B4=E3=81=A8PWA?= =?UTF-8?q?=E3=81=AB=E8=BF=BD=E5=8A=A0=E3=83=9C=E3=82=BF=E3=83=B3=E3=82=92?= =?UTF-8?q?=E5=AE=9F=E8=A3=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/Components/PWAButton/PWAButton.tsx | 6 ++++-- src/app/account/page.tsx | 8 +++++++- 2 files changed, 11 insertions(+), 3 deletions(-) diff --git a/src/Components/PWAButton/PWAButton.tsx b/src/Components/PWAButton/PWAButton.tsx index 25ab768..5ccb11d 100644 --- a/src/Components/PWAButton/PWAButton.tsx +++ b/src/Components/PWAButton/PWAButton.tsx @@ -28,8 +28,10 @@ export const PWAButton = ({ const isStandalone = window.matchMedia( "(display-mode: standalone)" ).matches; - const isIosStandalone = (window.navigator as any).standalone === true; - setIsAlreadyInstalled(isStandalone || isIosStandalone); + const isIosStandalone = + "standalone" in window.navigator && + (window.navigator as unknown as { standalone: boolean }).standalone; + setIsAlreadyInstalled(isStandalone || Boolean(isIosStandalone)); }; checkIfInstalled(); diff --git a/src/app/account/page.tsx b/src/app/account/page.tsx index 77eb166..d7fc81b 100644 --- a/src/app/account/page.tsx +++ b/src/app/account/page.tsx @@ -12,6 +12,12 @@ import Stack from "@mui/material/Stack"; import { styled } from "@mui/material/styles"; import { useEffect, useState } from "react"; +declare global { + interface Navigator { + standalone?: boolean; + } +} + const Card = styled(MuiCard)(({ theme }) => ({ display: "flex", flexDirection: "column", @@ -41,7 +47,7 @@ export default function Account() { }; setIsIOS(checkIOS()); }, []); - + window.navigator.standalone === true; // PWAか判定 useEffect(() => { const checkPWA = () => {