From 618ab3a756fd65813d69b2bd4467898849199416 Mon Sep 17 00:00:00 2001 From: nmemmert Date: Fri, 16 Jan 2026 10:35:37 -0500 Subject: [PATCH] feat: cross-platform prayer reminders (iOS, Android, Windows, Linux) - Detect platform and disable Web Push for iOS (Safari limitation) - For iOS: Enable in-app reminders instead of push notifications - Add platform-specific UI messaging - Add test notification button for debugging - Track last reminder date in localStorage - Fix notification permission checks - Support all platforms: iOS (in-app), Android/Windows/Linux (push + in-app) --- public/sw.js | 2 +- src/components/AboutPage.tsx | 155 ++++++++++++++++++++++++++--------- 2 files changed, 118 insertions(+), 39 deletions(-) diff --git a/public/sw.js b/public/sw.js index 3cde7ac..ba61939 100644 --- a/public/sw.js +++ b/public/sw.js @@ -1 +1 @@ -if(!self.define){let e,s={};const a=(a,n)=>(a=new URL(a+".js",n).href,s[a]||new Promise(s=>{if("document"in self){const e=document.createElement("script");e.src=a,e.onload=s,document.head.appendChild(e)}else e=a,importScripts(a),s()}).then(()=>{let e=s[a];if(!e)throw new Error(`Module ${a} didn’t register its module`);return e}));self.define=(n,i)=>{const t=e||("document"in self?document.currentScript.src:"")||location.href;if(s[t])return;let c={};const r=e=>a(e,t),o={module:{uri:t},exports:c,require:r};s[t]=Promise.all(n.map(e=>o[e]||r(e))).then(e=>(i(...e),c))}}define(["./workbox-4754cb34"],function(e){"use strict";importScripts(),self.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"/_next/static/chunks/172-71074a5b97c03327.js",revision:"71074a5b97c03327"},{url:"/_next/static/chunks/462-ced10ba610cf6f20.js",revision:"ced10ba610cf6f20"},{url:"/_next/static/chunks/497-6b709e9d24d7055b.js",revision:"6b709e9d24d7055b"},{url:"/_next/static/chunks/4bd1b696-b7529f9b306ab05d.js",revision:"b7529f9b306ab05d"},{url:"/_next/static/chunks/512-8d2b9de6fda25175.js",revision:"8d2b9de6fda25175"},{url:"/_next/static/chunks/7508b87c-97d7ae290120d64a.js",revision:"97d7ae290120d64a"},{url:"/_next/static/chunks/995.a093d11da39e25d3.js",revision:"a093d11da39e25d3"},{url:"/_next/static/chunks/app/_global-error/page-2af6c391bfa86449.js",revision:"2af6c391bfa86449"},{url:"/_next/static/chunks/app/_not-found/page-f75e7ecfbcc8dd77.js",revision:"f75e7ecfbcc8dd77"},{url:"/_next/static/chunks/app/admin/page-272a3ab658c1a4fb.js",revision:"272a3ab658c1a4fb"},{url:"/_next/static/chunks/app/api/debug-smtp/route-2af6c391bfa86449.js",revision:"2af6c391bfa86449"},{url:"/_next/static/chunks/app/api/send-email/route-2af6c391bfa86449.js",revision:"2af6c391bfa86449"},{url:"/_next/static/chunks/app/api/send-scheduled-emails/route-2af6c391bfa86449.js",revision:"2af6c391bfa86449"},{url:"/_next/static/chunks/app/layout-7f3802a6a2a60f7d.js",revision:"7f3802a6a2a60f7d"},{url:"/_next/static/chunks/app/page-040ee62776f79969.js",revision:"040ee62776f79969"},{url:"/_next/static/chunks/app/profile/page-18b5f4ccde655be8.js",revision:"18b5f4ccde655be8"},{url:"/_next/static/chunks/app/testimonies/page-a4a9f4e39aa115a6.js",revision:"a4a9f4e39aa115a6"},{url:"/_next/static/chunks/dd8162e8-2e7c437dd59c8ba1.js",revision:"2e7c437dd59c8ba1"},{url:"/_next/static/chunks/framework-292291387d6b2e39.js",revision:"292291387d6b2e39"},{url:"/_next/static/chunks/main-5e55aa9a8969fd08.js",revision:"5e55aa9a8969fd08"},{url:"/_next/static/chunks/main-app-1640b70ccc992192.js",revision:"1640b70ccc992192"},{url:"/_next/static/chunks/next/dist/client/components/builtin/app-error-2af6c391bfa86449.js",revision:"2af6c391bfa86449"},{url:"/_next/static/chunks/next/dist/client/components/builtin/forbidden-2af6c391bfa86449.js",revision:"2af6c391bfa86449"},{url:"/_next/static/chunks/next/dist/client/components/builtin/global-error-647436fbb68222b8.js",revision:"647436fbb68222b8"},{url:"/_next/static/chunks/next/dist/client/components/builtin/not-found-2af6c391bfa86449.js",revision:"2af6c391bfa86449"},{url:"/_next/static/chunks/next/dist/client/components/builtin/unauthorized-2af6c391bfa86449.js",revision:"2af6c391bfa86449"},{url:"/_next/static/chunks/polyfills-42372ed130431b0a.js",revision:"846118c33b2c0e922d7b3a7676f81f6f"},{url:"/_next/static/chunks/webpack-6b6a51bcb4cc4744.js",revision:"6b6a51bcb4cc4744"},{url:"/_next/static/css/bd104eabbf3ad44b.css",revision:"bd104eabbf3ad44b"},{url:"/_next/static/media/4cf2300e9c8272f7-s.p.woff2",revision:"18bae71b1e1b2bb25321090a3b563103"},{url:"/_next/static/media/747892c23ea88013-s.woff2",revision:"a0761690ccf4441ace5cec893b82d4ab"},{url:"/_next/static/media/8d697b304b401681-s.woff2",revision:"cc728f6c0adb04da0dfcb0fc436a8ae5"},{url:"/_next/static/media/93f479601ee12b01-s.p.woff2",revision:"da83d5f06d825c5ae65b7cca706cb312"},{url:"/_next/static/media/9610d9e46709d722-s.woff2",revision:"7b7c0ef93df188a852344fc272fc096b"},{url:"/_next/static/media/ba015fad6dcf6784-s.woff2",revision:"8ea4f719af3312a055caf09f34c89a77"},{url:"/_next/static/q7sbwueeU_fAG2hj_mVx6/_buildManifest.js",revision:"44608b7d53e1eefcd54452c125d6300e"},{url:"/_next/static/q7sbwueeU_fAG2hj_mVx6/_ssgManifest.js",revision:"b6652df95db52feb4daf4eca35380933"},{url:"/file.svg",revision:"d09f95206c3fa0bb9bd9fefabfd0ea71"},{url:"/firebase-messaging-sw.js",revision:"396ffcf00a63da03dfc03d78d4815494"},{url:"/globe.svg",revision:"2aaafa6a49b6563925fe440891e32717"},{url:"/icon-192x192.png",revision:"bbbd7efc0e31088ae0a3aeede7608534"},{url:"/icon-512x512.png",revision:"400538d76556a3a8ee4fd3dfda7bc092"},{url:"/locales/en/common.json",revision:"41332abbb11f0b33b3eb308a5448f8d6"},{url:"/manifest.json",revision:"6dbf565091414e98afd54d79577bb36d"},{url:"/next.svg",revision:"8e061864f388b47f33a1c3780831193e"},{url:"/vercel.svg",revision:"c0af2f507b369b085b35ef4bbe3bcf1e"},{url:"/window.svg",revision:"a2760511c65806022ad20adf74370ff3"}],{ignoreURLParametersMatching:[]}),e.cleanupOutdatedCaches(),e.registerRoute("/",new e.NetworkFirst({cacheName:"start-url",plugins:[{cacheWillUpdate:async({request:e,response:s,event:a,state:n})=>s&&"opaqueredirect"===s.type?new Response(s.body,{status:200,statusText:"OK",headers:s.headers}):s}]}),"GET"),e.registerRoute(/^https:\/\/fonts\.(?:gstatic)\.com\/.*/i,new e.CacheFirst({cacheName:"google-fonts-webfonts",plugins:[new e.ExpirationPlugin({maxEntries:4,maxAgeSeconds:31536e3})]}),"GET"),e.registerRoute(/^https:\/\/fonts\.(?:googleapis)\.com\/.*/i,new e.StaleWhileRevalidate({cacheName:"google-fonts-stylesheets",plugins:[new e.ExpirationPlugin({maxEntries:4,maxAgeSeconds:604800})]}),"GET"),e.registerRoute(/\.(?:eot|otf|ttc|ttf|woff|woff2|font.css)$/i,new e.StaleWhileRevalidate({cacheName:"static-font-assets",plugins:[new e.ExpirationPlugin({maxEntries:4,maxAgeSeconds:604800})]}),"GET"),e.registerRoute(/\.(?:jpg|jpeg|gif|png|svg|ico|webp)$/i,new e.StaleWhileRevalidate({cacheName:"static-image-assets",plugins:[new e.ExpirationPlugin({maxEntries:64,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\/_next\/image\?url=.+$/i,new e.StaleWhileRevalidate({cacheName:"next-image",plugins:[new e.ExpirationPlugin({maxEntries:64,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:mp3|wav|ogg)$/i,new e.CacheFirst({cacheName:"static-audio-assets",plugins:[new e.RangeRequestsPlugin,new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:mp4)$/i,new e.CacheFirst({cacheName:"static-video-assets",plugins:[new e.RangeRequestsPlugin,new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:js)$/i,new e.StaleWhileRevalidate({cacheName:"static-js-assets",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:css|less)$/i,new e.StaleWhileRevalidate({cacheName:"static-style-assets",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\/_next\/data\/.+\/.+\.json$/i,new e.StaleWhileRevalidate({cacheName:"next-data",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:json|xml|csv)$/i,new e.NetworkFirst({cacheName:"static-data-assets",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(({url:e})=>{if(!(self.origin===e.origin))return!1;const s=e.pathname;return!s.startsWith("/api/auth/")&&!!s.startsWith("/api/")},new e.NetworkFirst({cacheName:"apis",networkTimeoutSeconds:10,plugins:[new e.ExpirationPlugin({maxEntries:16,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(({url:e})=>{if(!(self.origin===e.origin))return!1;return!e.pathname.startsWith("/api/")},new e.NetworkFirst({cacheName:"others",networkTimeoutSeconds:10,plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(({url:e})=>!(self.origin===e.origin),new e.NetworkFirst({cacheName:"cross-origin",networkTimeoutSeconds:10,plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:3600})]}),"GET")}); +if(!self.define){let e,s={};const a=(a,n)=>(a=new URL(a+".js",n).href,s[a]||new Promise(s=>{if("document"in self){const e=document.createElement("script");e.src=a,e.onload=s,document.head.appendChild(e)}else e=a,importScripts(a),s()}).then(()=>{let e=s[a];if(!e)throw new Error(`Module ${a} didn’t register its module`);return e}));self.define=(n,i)=>{const t=e||("document"in self?document.currentScript.src:"")||location.href;if(s[t])return;let c={};const r=e=>a(e,t),o={module:{uri:t},exports:c,require:r};s[t]=Promise.all(n.map(e=>o[e]||r(e))).then(e=>(i(...e),c))}}define(["./workbox-4754cb34"],function(e){"use strict";importScripts(),self.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"/_next/static/chunks/172-71074a5b97c03327.js",revision:"71074a5b97c03327"},{url:"/_next/static/chunks/462-ced10ba610cf6f20.js",revision:"ced10ba610cf6f20"},{url:"/_next/static/chunks/497-6b709e9d24d7055b.js",revision:"6b709e9d24d7055b"},{url:"/_next/static/chunks/4bd1b696-b7529f9b306ab05d.js",revision:"b7529f9b306ab05d"},{url:"/_next/static/chunks/512-8d2b9de6fda25175.js",revision:"8d2b9de6fda25175"},{url:"/_next/static/chunks/7508b87c-97d7ae290120d64a.js",revision:"97d7ae290120d64a"},{url:"/_next/static/chunks/995.a093d11da39e25d3.js",revision:"a093d11da39e25d3"},{url:"/_next/static/chunks/app/_global-error/page-2af6c391bfa86449.js",revision:"2af6c391bfa86449"},{url:"/_next/static/chunks/app/_not-found/page-f75e7ecfbcc8dd77.js",revision:"f75e7ecfbcc8dd77"},{url:"/_next/static/chunks/app/admin/page-272a3ab658c1a4fb.js",revision:"272a3ab658c1a4fb"},{url:"/_next/static/chunks/app/api/debug-smtp/route-2af6c391bfa86449.js",revision:"2af6c391bfa86449"},{url:"/_next/static/chunks/app/api/send-email/route-2af6c391bfa86449.js",revision:"2af6c391bfa86449"},{url:"/_next/static/chunks/app/api/send-scheduled-emails/route-2af6c391bfa86449.js",revision:"2af6c391bfa86449"},{url:"/_next/static/chunks/app/layout-7f3802a6a2a60f7d.js",revision:"7f3802a6a2a60f7d"},{url:"/_next/static/chunks/app/page-210450f658092562.js",revision:"210450f658092562"},{url:"/_next/static/chunks/app/profile/page-18b5f4ccde655be8.js",revision:"18b5f4ccde655be8"},{url:"/_next/static/chunks/app/testimonies/page-a4a9f4e39aa115a6.js",revision:"a4a9f4e39aa115a6"},{url:"/_next/static/chunks/dd8162e8-2e7c437dd59c8ba1.js",revision:"2e7c437dd59c8ba1"},{url:"/_next/static/chunks/framework-292291387d6b2e39.js",revision:"292291387d6b2e39"},{url:"/_next/static/chunks/main-5e55aa9a8969fd08.js",revision:"5e55aa9a8969fd08"},{url:"/_next/static/chunks/main-app-1640b70ccc992192.js",revision:"1640b70ccc992192"},{url:"/_next/static/chunks/next/dist/client/components/builtin/app-error-2af6c391bfa86449.js",revision:"2af6c391bfa86449"},{url:"/_next/static/chunks/next/dist/client/components/builtin/forbidden-2af6c391bfa86449.js",revision:"2af6c391bfa86449"},{url:"/_next/static/chunks/next/dist/client/components/builtin/global-error-647436fbb68222b8.js",revision:"647436fbb68222b8"},{url:"/_next/static/chunks/next/dist/client/components/builtin/not-found-2af6c391bfa86449.js",revision:"2af6c391bfa86449"},{url:"/_next/static/chunks/next/dist/client/components/builtin/unauthorized-2af6c391bfa86449.js",revision:"2af6c391bfa86449"},{url:"/_next/static/chunks/polyfills-42372ed130431b0a.js",revision:"846118c33b2c0e922d7b3a7676f81f6f"},{url:"/_next/static/chunks/webpack-6b6a51bcb4cc4744.js",revision:"6b6a51bcb4cc4744"},{url:"/_next/static/css/bd104eabbf3ad44b.css",revision:"bd104eabbf3ad44b"},{url:"/_next/static/media/4cf2300e9c8272f7-s.p.woff2",revision:"18bae71b1e1b2bb25321090a3b563103"},{url:"/_next/static/media/747892c23ea88013-s.woff2",revision:"a0761690ccf4441ace5cec893b82d4ab"},{url:"/_next/static/media/8d697b304b401681-s.woff2",revision:"cc728f6c0adb04da0dfcb0fc436a8ae5"},{url:"/_next/static/media/93f479601ee12b01-s.p.woff2",revision:"da83d5f06d825c5ae65b7cca706cb312"},{url:"/_next/static/media/9610d9e46709d722-s.woff2",revision:"7b7c0ef93df188a852344fc272fc096b"},{url:"/_next/static/media/ba015fad6dcf6784-s.woff2",revision:"8ea4f719af3312a055caf09f34c89a77"},{url:"/_next/static/zIT178g_-eTwSz_-EDMMa/_buildManifest.js",revision:"44608b7d53e1eefcd54452c125d6300e"},{url:"/_next/static/zIT178g_-eTwSz_-EDMMa/_ssgManifest.js",revision:"b6652df95db52feb4daf4eca35380933"},{url:"/file.svg",revision:"d09f95206c3fa0bb9bd9fefabfd0ea71"},{url:"/firebase-messaging-sw.js",revision:"396ffcf00a63da03dfc03d78d4815494"},{url:"/globe.svg",revision:"2aaafa6a49b6563925fe440891e32717"},{url:"/icon-192x192.png",revision:"bbbd7efc0e31088ae0a3aeede7608534"},{url:"/icon-512x512.png",revision:"400538d76556a3a8ee4fd3dfda7bc092"},{url:"/locales/en/common.json",revision:"41332abbb11f0b33b3eb308a5448f8d6"},{url:"/manifest.json",revision:"6dbf565091414e98afd54d79577bb36d"},{url:"/next.svg",revision:"8e061864f388b47f33a1c3780831193e"},{url:"/vercel.svg",revision:"c0af2f507b369b085b35ef4bbe3bcf1e"},{url:"/window.svg",revision:"a2760511c65806022ad20adf74370ff3"}],{ignoreURLParametersMatching:[]}),e.cleanupOutdatedCaches(),e.registerRoute("/",new e.NetworkFirst({cacheName:"start-url",plugins:[{cacheWillUpdate:async({request:e,response:s,event:a,state:n})=>s&&"opaqueredirect"===s.type?new Response(s.body,{status:200,statusText:"OK",headers:s.headers}):s}]}),"GET"),e.registerRoute(/^https:\/\/fonts\.(?:gstatic)\.com\/.*/i,new e.CacheFirst({cacheName:"google-fonts-webfonts",plugins:[new e.ExpirationPlugin({maxEntries:4,maxAgeSeconds:31536e3})]}),"GET"),e.registerRoute(/^https:\/\/fonts\.(?:googleapis)\.com\/.*/i,new e.StaleWhileRevalidate({cacheName:"google-fonts-stylesheets",plugins:[new e.ExpirationPlugin({maxEntries:4,maxAgeSeconds:604800})]}),"GET"),e.registerRoute(/\.(?:eot|otf|ttc|ttf|woff|woff2|font.css)$/i,new e.StaleWhileRevalidate({cacheName:"static-font-assets",plugins:[new e.ExpirationPlugin({maxEntries:4,maxAgeSeconds:604800})]}),"GET"),e.registerRoute(/\.(?:jpg|jpeg|gif|png|svg|ico|webp)$/i,new e.StaleWhileRevalidate({cacheName:"static-image-assets",plugins:[new e.ExpirationPlugin({maxEntries:64,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\/_next\/image\?url=.+$/i,new e.StaleWhileRevalidate({cacheName:"next-image",plugins:[new e.ExpirationPlugin({maxEntries:64,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:mp3|wav|ogg)$/i,new e.CacheFirst({cacheName:"static-audio-assets",plugins:[new e.RangeRequestsPlugin,new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:mp4)$/i,new e.CacheFirst({cacheName:"static-video-assets",plugins:[new e.RangeRequestsPlugin,new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:js)$/i,new e.StaleWhileRevalidate({cacheName:"static-js-assets",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:css|less)$/i,new e.StaleWhileRevalidate({cacheName:"static-style-assets",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\/_next\/data\/.+\/.+\.json$/i,new e.StaleWhileRevalidate({cacheName:"next-data",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:json|xml|csv)$/i,new e.NetworkFirst({cacheName:"static-data-assets",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(({url:e})=>{if(!(self.origin===e.origin))return!1;const s=e.pathname;return!s.startsWith("/api/auth/")&&!!s.startsWith("/api/")},new e.NetworkFirst({cacheName:"apis",networkTimeoutSeconds:10,plugins:[new e.ExpirationPlugin({maxEntries:16,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(({url:e})=>{if(!(self.origin===e.origin))return!1;return!e.pathname.startsWith("/api/")},new e.NetworkFirst({cacheName:"others",networkTimeoutSeconds:10,plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(({url:e})=>!(self.origin===e.origin),new e.NetworkFirst({cacheName:"cross-origin",networkTimeoutSeconds:10,plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:3600})]}),"GET")}); diff --git a/src/components/AboutPage.tsx b/src/components/AboutPage.tsx index 941a385..099893a 100644 --- a/src/components/AboutPage.tsx +++ b/src/components/AboutPage.tsx @@ -7,6 +7,8 @@ interface AboutPageProps { userEmail?: string; } +type Platform = 'ios' | 'android' | 'windows' | 'linux' | 'macos' | 'other'; + export default function AboutPage({ userEmail }: AboutPageProps) { const { logout, deleteAccount, sendVerificationEmail, user } = useAuth(); const [showLogoutConfirm, setShowLogoutConfirm] = useState(false); @@ -21,10 +23,33 @@ export default function AboutPage({ userEmail }: AboutPageProps) { const [notificationsEnabled, setNotificationsEnabled] = useState(false); const [reminderTime, setReminderTime] = useState('09:00'); const [notificationPermission, setNotificationPermission] = useState('default'); + const [platform, setPlatform] = useState('other'); + const [supportsWebPush, setSupportsWebPush] = useState(true); React.useEffect(() => { - // Check current notification permission - if ('Notification' in window) { + // Detect platform + const userAgent = navigator.userAgent.toLowerCase(); + let detectedPlatform: Platform = 'other'; + let webPushSupport = true; + + if (userAgent.includes('iphone') || userAgent.includes('ipad')) { + detectedPlatform = 'ios'; + webPushSupport = false; // iOS Safari doesn't support Web Push + } else if (userAgent.includes('android')) { + detectedPlatform = 'android'; + } else if (userAgent.includes('windows')) { + detectedPlatform = 'windows'; + } else if (userAgent.includes('linux')) { + detectedPlatform = 'linux'; + } else if (userAgent.includes('mac')) { + detectedPlatform = 'macos'; + } + + setPlatform(detectedPlatform); + setSupportsWebPush(webPushSupport); + + // Check current notification permission for supported platforms + if ('Notification' in window && webPushSupport) { setNotificationPermission(Notification.permission); } @@ -33,29 +58,55 @@ export default function AboutPage({ userEmail }: AboutPageProps) { const savedTime = localStorage.getItem('prayerReminderTime') || '09:00'; setNotificationsEnabled(savedEnabled); setReminderTime(savedTime); + + // Schedule notification for supported platforms + if (savedEnabled && webPushSupport) { + scheduleNotification(); + } }, []); const requestNotificationPermission = async () => { + if (!supportsWebPush) return; + if ('Notification' in window) { const permission = await Notification.requestPermission(); setNotificationPermission(permission); if (permission === 'granted') { setNotificationsEnabled(true); localStorage.setItem('prayerRemindersEnabled', 'true'); + localStorage.setItem('lastPrayerReminderDate', new Date().toISOString()); scheduleNotification(); } } }; const toggleNotifications = async () => { - if (!notificationsEnabled && notificationPermission !== 'granted') { - await requestNotificationPermission(); + if (supportsWebPush) { + if (!notificationsEnabled && notificationPermission !== 'granted') { + await requestNotificationPermission(); + } else { + setNotificationsEnabled(!notificationsEnabled); + localStorage.setItem('prayerRemindersEnabled', String(!notificationsEnabled)); + if (!notificationsEnabled) { + localStorage.setItem('lastPrayerReminderDate', new Date().toISOString()); + scheduleNotification(); + } + } } else { + // For iOS and unsupported platforms, just enable in-app reminders setNotificationsEnabled(!notificationsEnabled); localStorage.setItem('prayerRemindersEnabled', String(!notificationsEnabled)); - if (!notificationsEnabled) { - scheduleNotification(); - } + } + }; + + const testNotificationNow = async () => { + if (supportsWebPush && Notification.permission === 'granted') { + new Notification('🙏 Test Prayer Reminder', { + body: 'This is a test notification. Your reminders are working!', + icon: '/icon-192x192.png', + badge: '/icon-192x192.png', + tag: 'prayer-reminder-test', + }); } }; @@ -68,23 +119,25 @@ export default function AboutPage({ userEmail }: AboutPageProps) { }; const scheduleNotification = () => { - if ('serviceWorker' in navigator && notificationsEnabled) { - // Calculate time until next reminder - const [hours, minutes] = reminderTime.split(':').map(Number); - const now = new Date(); - const scheduledTime = new Date(); - scheduledTime.setHours(hours, minutes, 0, 0); - - // If time has passed today, schedule for tomorrow - if (scheduledTime <= now) { - scheduledTime.setDate(scheduledTime.getDate() + 1); - } - - const timeUntilNotification = scheduledTime.getTime() - now.getTime(); - - // Schedule notification + if (!supportsWebPush || !notificationsEnabled) return; + + // Calculate time until next reminder + const [hours, minutes] = reminderTime.split(':').map(Number); + const now = new Date(); + const scheduledTime = new Date(); + scheduledTime.setHours(hours, minutes, 0, 0); + + // If time has passed today, schedule for tomorrow + if (scheduledTime <= now) { + scheduledTime.setDate(scheduledTime.getDate() + 1); + } + + const timeUntilNotification = scheduledTime.getTime() - now.getTime(); + + // Only schedule if we have a valid time difference + if (timeUntilNotification > 0) { setTimeout(() => { - if (Notification.permission === 'granted') { + if ('Notification' in window && Notification.permission === 'granted' && notificationsEnabled) { new Notification('🙏 Time to Pray', { body: 'Take a moment to connect with God and pray.', icon: '/icon-192x192.png', @@ -92,6 +145,10 @@ export default function AboutPage({ userEmail }: AboutPageProps) { tag: 'prayer-reminder', requireInteraction: false, }); + + // Save reminder shown timestamp + localStorage.setItem('lastPrayerReminderDate', new Date().toISOString()); + // Reschedule for next day setTimeout(scheduleNotification, 24 * 60 * 60 * 1000); } @@ -192,10 +249,20 @@ export default function AboutPage({ userEmail }: AboutPageProps) {

Prayer Reminders

+ {/* Platform Support Info */} + {platform === 'ios' && ( +
+

📱 iOS: In-App Reminders

+

iOS Safari doesn't support push notifications. Enable reminders to get a message when you open the app.

+
+ )} +

Daily Reminders

-

Get notified to pray each day

+

+ {supportsWebPush ? 'Push notifications each day' : 'Reminders when you open the app'} +

- {notificationPermission === 'denied' && ( + {notificationPermission === 'denied' && supportsWebPush && (
Notifications are blocked. Please enable them in your browser settings.
)} {notificationsEnabled && ( -
- - handleTimeChange(e.target.value)} - className="w-full p-2 bg-slate-700 border border-slate-600 rounded-lg text-white focus:ring-2 focus:ring-blue-500 focus:border-transparent" - /> -

- You'll receive a notification at {reminderTime} each day -

+
+
+ + handleTimeChange(e.target.value)} + className="w-full p-2 bg-slate-700 border border-slate-600 rounded-lg text-white focus:ring-2 focus:ring-blue-500 focus:border-transparent" + /> +

+ You'll receive {supportsWebPush ? 'a notification' : 'a reminder'} at {reminderTime} each day +

+
+ + {/* Test Button for Web Push Platforms */} + {supportsWebPush && notificationPermission === 'granted' && ( + + )}
)}