feat(ui): 최근 본 종목 (localStorage + 홈 카드 + TopNav popover)
- web/lib/recent.ts: stockchart.recent KEY, push/get/clear/subscribe (storage + custom event) - [code]/page.tsx: 페이지 진입 시 recent.push(code) — 자동 트래킹 - web/components/RecentTiles.tsx: 홈 카드 그리드 (최대 10개, 2~5컬럼) - web/app/page.tsx: SearchBox 아래에 RecentTiles 배치 (빈 리스트면 자동 숨김) - TopNav: 검색어 비면서 포커스 시 최근 본 종목 popover 표시 + "지우기" 버튼 토스 "최근 본 종목" 톤 — 검색 빈 상태에서도 popover 가 비어 있지 않게. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
@@ -1,6 +1,7 @@
|
||||
import Link from "next/link";
|
||||
import { IndicesPanel } from "../components/IndicesPanel";
|
||||
import { MarketsOverview } from "../components/MarketsOverview";
|
||||
import { RecentTiles } from "../components/RecentTiles";
|
||||
import { SearchBox } from "../components/SearchBox";
|
||||
import { SeedTiles } from "../components/SeedTiles";
|
||||
import { ThemeTiles } from "../components/ThemeTiles";
|
||||
@@ -28,6 +29,10 @@ export default function HomePage() {
|
||||
<SearchBox autoFocus />
|
||||
</div>
|
||||
|
||||
<div className="mt-8">
|
||||
<RecentTiles />
|
||||
</div>
|
||||
|
||||
<div className="mt-8">
|
||||
<IndicesPanel />
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user