fix(alerts): /alerts 안내문 — 탭이 열려 있어야 동작함을 명시
리뷰어 지적: 기존 문구가 '탭이 닫혀 있어도 알람'으로 오해되어 실제 AlertsToaster 의 60초 폴링 동작(탭 열려 있을 때만)과 불일치. - 메인 설명: '웹앱이 열려 있는 동안 60초마다 체크' + '탭 닫히면 체크 X' 명시 - NotificationHint: '다른 창을 보고 있을 때도 OS 알림 (탭 열려 있어야)'로 정정 Service Worker + Push API 미구현 — 로컬 localStorage 기반 앱이라 VAPID/푸시 백엔드는 과한 인프라. 문구로 한계를 정확히 표시하는 쪽으로 정정.
This commit is contained in:
@@ -53,8 +53,9 @@ export default function AlertsPage() {
|
||||
<div>
|
||||
<h1 className="text-2xl font-bold text-zinc-50">가격 알람</h1>
|
||||
<p className="mt-1 text-sm text-zinc-400">
|
||||
브라우저에 저장됩니다. 활성 알람은 60초마다 체크되어 임계값 도달 시 토스트 +
|
||||
(권한 허용 시) 시스템 알림.
|
||||
브라우저에 저장됩니다. <b className="text-zinc-300">웹앱이 열려 있는 동안</b>{" "}
|
||||
활성 알람을 60초마다 체크해 임계값 도달 시 토스트 + (권한 허용 시) 시스템 알림을
|
||||
띄웁니다. 탭이 닫혀 있으면 체크하지 않습니다.
|
||||
</p>
|
||||
</div>
|
||||
{items.length > 0 && (
|
||||
@@ -114,7 +115,7 @@ function NotificationHint() {
|
||||
if (perm === "granted" || perm === "denied" || perm === "unsupported") return null;
|
||||
return (
|
||||
<div className="mb-4 flex items-center justify-between gap-3 rounded-md border border-amber-500/30 bg-amber-500/5 px-3 py-2 text-xs text-amber-200">
|
||||
<span>시스템 알림 권한이 없습니다. 허용하면 브라우저 탭이 닫혀 있어도 알람을 받을 수 있습니다.</span>
|
||||
<span>시스템 알림 권한이 없습니다. 허용하면 다른 창을 보고 있을 때도 OS 알림이 뜹니다 (탭이 열려 있어야 함).</span>
|
||||
<button
|
||||
type="button"
|
||||
onClick={async () => {
|
||||
|
||||
Reference in New Issue
Block a user