fix(alerts): /alerts 안내문 — 탭이 열려 있어야 동작함을 명시

리뷰어 지적: 기존 문구가 '탭이 닫혀 있어도 알람'으로 오해되어
실제 AlertsToaster 의 60초 폴링 동작(탭 열려 있을 때만)과 불일치.

- 메인 설명: '웹앱이 열려 있는 동안 60초마다 체크' + '탭 닫히면 체크 X' 명시
- NotificationHint: '다른 창을 보고 있을 때도 OS 알림 (탭 열려 있어야)'로 정정

Service Worker + Push API 미구현 — 로컬 localStorage 기반 앱이라 VAPID/푸시
백엔드는 과한 인프라. 문구로 한계를 정확히 표시하는 쪽으로 정정.
This commit is contained in:
claude-owner
2026-05-28 18:33:07 +09:00
parent 0f89b2c042
commit d5acf79e05

View File

@@ -53,8 +53,9 @@ export default function AlertsPage() {
<div> <div>
<h1 className="text-2xl font-bold text-zinc-50"> </h1> <h1 className="text-2xl font-bold text-zinc-50"> </h1>
<p className="mt-1 text-sm text-zinc-400"> <p className="mt-1 text-sm text-zinc-400">
. 60 + . <b className="text-zinc-300"> </b>{" "}
( ) . 60 + ( )
. .
</p> </p>
</div> </div>
{items.length > 0 && ( {items.length > 0 && (
@@ -114,7 +115,7 @@ function NotificationHint() {
if (perm === "granted" || perm === "denied" || perm === "unsupported") return null; if (perm === "granted" || perm === "denied" || perm === "unsupported") return null;
return ( 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"> <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 <button
type="button" type="button"
onClick={async () => { onClick={async () => {