fixup! アカウント画面変更とPWAに追加ボタンを実装

MurakawaTakuya · Jan 9, 2025 · 4d09a1a · 4d09a1a
1 parent aecef76
commit 4d09a1a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git 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
@@ -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 = () => {