tkrmagid/stock_chart_site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(alerts): 가격 알람 (localStorage + 60s 폴러 + 토스트)

Browse Source 
- lib/alerts.ts: id/code/op(gte|lte)/target/triggered 저장소, watchlist/recent 와 동일 pub/sub
- AlertsPanel: 종목 사이드바에 ≥/≤ 토글 + 목표가 입력 + 활성 알람 리스트(재무장/삭제)
- AlertsToaster: layout 전역 마운트, 미발사 알람 코드만 폴링, 조건 충족시 markTriggered + 우측 하단 토스트(6s), Notification 권한 허용 시 브라우저 알림 병행
This commit is contained in:
claude-owner
2026-05-28 15:26:10 +09:00
parent 01e5eba3c1
commit fd7026ad09
5 changed files with 397 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/app/[code]/page.tsx
View File

@@ -2,6 +2,7 @@
import Link from "next/link";
import { useEffect, useMemo, useState } from "react";
import { AlertsPanel } from "../../components/AlertsPanel";
import { CompositeScoreCard } from "../../components/CompositeScoreCard";
import { DisclosuresPanel } from "../../components/DisclosuresPanel";
import { MetricsPanel } from "../../components/MetricsPanel";
@@ -145,6 +146,7 @@ export default function CodePage({ params }: { params: { code: string } }) {
</div>
<div className="space-y-4">
<SymbolSidebar code={code} />
<AlertsPanel code={code} name={chart?.name} current={current} />
<RelatedStocks code={code} />
</div>
</div>

2
web/app/layout.tsx
View File

@@ -1,5 +1,6 @@
import "./globals.css";
import type { Metadata } from "next";
import { AlertsToaster } from "../components/AlertsToaster";
import { TopNav } from "../components/TopNav";
export const metadata: Metadata = {
@@ -13,6 +14,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
<body className="min-h-screen">
<TopNav />
{children}
<AlertsToaster />
</body>
</html>
);