Fix persistent sync failure alerts

Addresses an issue where sync failures were repeatedly triggering notifications, even after the initial failure was acknowledged.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-22 13:07:18 +00:00
parent a7d7bba7ce
commit 3229913bde
4 changed files with 166 additions and 97 deletions

View File

@@ -1,3 +1,4 @@
/**
* 네트워크 연결 확인 유틸리티
*/
@@ -12,39 +13,30 @@ export const checkNetworkStatus = async (): Promise<boolean> => {
const controller = new AbortController();
const timeoutId = setTimeout(() => controller.abort(), 2000);
// 여러 엔드포인트로 확인하여 신뢰성 향상
const endpoints = [
'https://www.google.com',
'https://www.cloudflare.com',
'https://www.apple.com'
];
// 실패 방지를 위해 작은 이미지 요청으로 변경
const timestamp = new Date().getTime();
const url = `https://www.google.com/favicon.ico?t=${timestamp}`;
try {
// 각 엔드포인트에 대해 fetch 요청 시도
const fetchPromises = endpoints.map(url =>
fetch(url, { method: 'HEAD', signal: controller.signal })
.then(res => {
if (res.ok) return true;
throw new Error(`Failed to fetch ${url}`);
})
.catch(err => {
console.log(`[네트워크] ${url} 연결 실패:`, err.message);
return false; // 실패 시 false 반환
})
);
// 모든 요청을 병렬로 실행하고 결과 확인
const results = await Promise.all(fetchPromises);
// 하나라도 성공했으면 온라인으로 판단
const isOnline = results.some(result => result === true);
const response = await fetch(url, {
method: 'HEAD',
signal: controller.signal,
cache: 'no-store' // 캐시 무시
});
clearTimeout(timeoutId);
setNetworkStatus(isOnline ? 'online' : 'offline');
return isOnline;
if (response.ok) {
setNetworkStatus('online');
return true;
} else {
console.log(`[네트워크] 상태 확인 실패: ${response.status}`);
setNetworkStatus('offline');
return false;
}
} catch (error) {
clearTimeout(timeoutId);
console.error('[네트워크] 네트워크 확인 실패:', error);
console.error('[네트워크] 네트워크 연결 확인 실패:', error);
setNetworkStatus('offline');
return false;
}