230419/my_closet
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update daily notification logic: reset lastNotifiedDate on time change and add debug logs

Browse Source
This commit is contained in:
Vitor Moreira
2026-05-27 12:39:32 +01:00
parent d9d70f2e7a
commit 56f6d16cd1
1 changed files with 40 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/App.jsx
View File

@@ -673,37 +673,67 @@ export default function App() {
useEffect(() => { useEffect(() => {
if (!user || !dailyOutfitNotifEnabled || !dailyOutfitTime) return; if (!user || !dailyOutfitNotifEnabled || !dailyOutfitTime) return;
console.log('[Daily Outfit] Notification system initialized. Scheduled for:', dailyOutfitTime);
const intervalId = setInterval(() => { const intervalId = setInterval(() => {
const now = new Date(); const now = new Date();
const todayStr = `${now.getFullYear()}-${String(now.getMonth()+1).padStart(2,'0')}-${String(now.getDate()).padStart(2,'0')}`; const todayStr = `${now.getFullYear()}-${String(now.getMonth()+1).padStart(2,'0')}-${String(now.getDate()).padStart(2,'0')}`;
console.log(`[Daily Outfit] Checking... Time now: ${now.getHours()}:${now.getMinutes()}, Scheduled: ${dailyOutfitTime}. Last notified: ${lastNotifiedDate}`);
if (lastNotifiedDate !== todayStr) { if (lastNotifiedDate !== todayStr) {
const currentMins = now.getHours() * 60 + now.getMinutes(); const currentMins = now.getHours() * 60 + now.getMinutes();
const [targetH, targetM] = dailyOutfitTime.split(':').map(Number); const [targetH, targetM] = dailyOutfitTime.split(':').map(Number);
const targetMins = targetH * 60 + targetM; const targetMins = targetH * 60 + targetM;
if (currentMins >= targetMins) { if (currentMins >= targetMins) {
console.log('[Daily Outfit] Time matched! Checking for outfits today...');
const todaysLooks = getLooksForDayGlobal(todayStr); const todaysLooks = getLooksForDayGlobal(todayStr);
if (todaysLooks.length > 0) { if (todaysLooks.length > 0) {
const mainLook = todaysLooks[0]; const mainLook = todaysLooks[0];
if ('Notification' in window && Notification.permission === 'granted') { console.log(`[Daily Outfit] Found outfit: ${mainLook.name}. Attempting to send notification...`);
navigator.serviceWorker?.getRegistration().then(reg => {
if ('Notification' in window) {
if (Notification.permission === 'granted') {
const title = 'MyCloset - Outfit Diário'; const title = 'MyCloset - Outfit Diário';
const options = { const options = {
body: `O seu outfit planeado "${mainLook.name}" está pronto para hoje!`, body: `O seu outfit planeado "${mainLook.name}" está pronto para hoje!`,
icon: '/favicon.ico' icon: '/favicon.ico'
}; };
if (reg) {
reg.showNotification(title, options); try {
} else { navigator.serviceWorker?.getRegistration().then(reg => {
if (reg && reg.showNotification) {
console.log('[Daily Outfit] Using Service Worker to show notification.');
reg.showNotification(title, options);
} else {
console.log('[Daily Outfit] Using standard Notification API.');
new Notification(title, options);
}
}).catch(err => {
console.error('[Daily Outfit] Service Worker registration failed, using standard API.', err);
new Notification(title, options);
});
} catch (e) {
console.error('[Daily Outfit] Fallback notification error:', e);
new Notification(title, options); new Notification(title, options);
} }
});
setLastNotifiedDate(todayStr); setLastNotifiedDate(todayStr);
saveUserSetting('lastNotifiedDate', todayStr); saveUserSetting('lastNotifiedDate', todayStr);
} else {
console.log('[Daily Outfit] Permission not granted. Current state:', Notification.permission);
}
} else {
console.log('[Daily Outfit] Notifications API not supported in this browser.');
} }
} else {
console.log('[Daily Outfit] No outfits planned for today.');
} }
} }
} else {
console.log('[Daily Outfit] Already notified today.');
} }
}, 30000); // Verifica a cada 30 segundos }, 30000); // Verifica a cada 30 segundos
@@ -2659,6 +2689,8 @@ export default function App() {
onChange={(e) => { onChange={(e) => {
setDailyOutfitTime(e.target.value); setDailyOutfitTime(e.target.value);
saveUserSetting('dailyOutfitTime', e.target.value); saveUserSetting('dailyOutfitTime', e.target.value);
setLastNotifiedDate('');
saveUserSetting('lastNotifiedDate', '');
}} }}
className={`px-3 py-1.5 rounded-xl text-sm outline-none border font-bold ${darkMode ? 'bg-gray-800 border-gray-700 text-white' : 'bg-white border-gray-200 text-gray-900'}`} className={`px-3 py-1.5 rounded-xl text-sm outline-none border font-bold ${darkMode ? 'bg-gray-800 border-gray-700 text-white' : 'bg-white border-gray-200 text-gray-900'}`}
/> />