Macbook
32 lines
1.1 KiB
TypeScript
32 lines
1.1 KiB
TypeScript
/**
|
|
* 분석레포트 — 상단 컨텍스트 바 (중앙 패널 좌측 정렬 · 종목명 + 실행 정보)
|
|
*/
|
|
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>
|
|
);
|
|
}
|