분석 레포트 화면 수정

This commit is contained in:
Macbook
2026-06-07 17:43:22 +09:00
parent 7ec754770d
commit 5928599fd0
11 changed files with 1802 additions and 187 deletions
@@ -0,0 +1,31 @@
/**
* 분석레포트 — 상단 컨텍스트 바 (중앙 패널 좌측 정렬 · 종목명 + 실행 정보)
*/
import React from 'react';
import type { BacktestAnalysisReportModel } from '../backtest/BacktestAnalysisReportModal';
interface Props {
model: BacktestAnalysisReportModel | null;
}
function executionMeta(model: BacktestAnalysisReportModel): string {
const kind = model.reportKind === 'live' ? '실시간 매매' : '백테스팅';
return model.createdAt ? `${kind} · 분석 실행 ${model.createdAt}` : kind;
}
export default function AnalysisReportContextBar({ model }: Props) {
if (!model) return null;
const symbolLabel = model.symbolKo?.trim() || model.symbol;
return (
<div className="arp-context-bar" aria-label="선택 실행 정보">
<div className="arp-context-bar__left-gap" aria-hidden />
<div className="arp-context-bar__center">
<span className="arp-context-symbol">{symbolLabel}</span>
<span className="arp-context-meta">{executionMeta(model)}</span>
</div>
<div className="arp-context-bar__right-gap" aria-hidden />
</div>
);
}