feat(ui): 관심종목(localStorage) + DART 공시 패널
- web/lib/watchlist.ts: KEY=stockchart.watchlist, storage+custom event 구독 - StarButton: 종목 페이지 헤더에서 ☆/★ 토글 - /watchlist 페이지: 카드 그리드 + 현재가/전일대비 + ✕ 제거 - DisclosuresPanel: 기존 /api/news?source=dart 재사용 (백엔드 신설 없음) - 종목 페이지 하단에 공시 패널 부착, 홈에 ★ 관심종목 링크 추가 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
@@ -1,3 +1,4 @@
|
||||
import Link from "next/link";
|
||||
import { IndicesPanel } from "../components/IndicesPanel";
|
||||
import { MarketsOverview } from "../components/MarketsOverview";
|
||||
import { SearchBox } from "../components/SearchBox";
|
||||
@@ -7,11 +8,21 @@ import { ThemeTiles } from "../components/ThemeTiles";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<main className="mx-auto max-w-5xl px-6 py-12">
|
||||
<h1 className="text-3xl font-bold tracking-tight text-zinc-50">종목 검색</h1>
|
||||
<p className="mt-2 text-sm text-zinc-400">
|
||||
종목을 골라 차트를 보고, <b className="text-rose-300">예상차트 보기</b> 버튼으로
|
||||
15일·30일·1년 예측 캔들을 같은 차트에 이어 붙입니다.
|
||||
</p>
|
||||
<div className="flex items-start justify-between gap-3">
|
||||
<div>
|
||||
<h1 className="text-3xl font-bold tracking-tight text-zinc-50">종목 검색</h1>
|
||||
<p className="mt-2 text-sm text-zinc-400">
|
||||
종목을 골라 차트를 보고, <b className="text-rose-300">예상차트 보기</b> 버튼으로
|
||||
15일·30일·1년 예측 캔들을 같은 차트에 이어 붙입니다.
|
||||
</p>
|
||||
</div>
|
||||
<Link
|
||||
href="/watchlist"
|
||||
className="shrink-0 rounded-full border border-amber-500/40 bg-amber-500/10 px-3 py-1.5 text-xs text-amber-300 hover:bg-amber-500/20"
|
||||
>
|
||||
★ 관심종목
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
<div className="mt-6">
|
||||
<SearchBox autoFocus />
|
||||
|
||||
Reference in New Issue
Block a user