라벨 중복문제 수정
This commit is contained in:
@@ -122,21 +122,36 @@ const TrendSearchCardChart: React.FC<Props> = ({
|
||||
}, [market, chartTf]);
|
||||
|
||||
useEffect(() => {
|
||||
const wrap = canvasWrapRef.current;
|
||||
if (!wrap) return;
|
||||
|
||||
const applyPaneHeights = () => {
|
||||
const h = wrap.clientHeight;
|
||||
if (h <= 0) return;
|
||||
const mgr = managerRef.current;
|
||||
if (mgr?.hasMainSeries()) mgr.resetPaneHeights(h);
|
||||
};
|
||||
|
||||
const timers = [100, 300, 800, 1500].map(delay =>
|
||||
setTimeout(() => {
|
||||
const wrap = canvasWrapRef.current;
|
||||
const mgr = managerRef.current;
|
||||
if (!wrap) return;
|
||||
const h = wrap.clientHeight;
|
||||
if (!canvasWrapRef.current) return;
|
||||
const h = canvasWrapRef.current.clientHeight;
|
||||
if (h <= 0) return;
|
||||
if (mgr?.hasMainSeries()) mgr.resetPaneHeights(h);
|
||||
if (managerRef.current?.hasMainSeries()) managerRef.current.resetPaneHeights(h);
|
||||
else if (!chartReloadTriggeredRef.current && delay >= 800 && bars.length > 0) {
|
||||
chartReloadTriggeredRef.current = true;
|
||||
setChartReloadTick(t => t + 1);
|
||||
}
|
||||
}, delay),
|
||||
);
|
||||
return () => timers.forEach(clearTimeout);
|
||||
|
||||
const ro = new ResizeObserver(() => applyPaneHeights());
|
||||
ro.observe(wrap);
|
||||
|
||||
return () => {
|
||||
timers.forEach(clearTimeout);
|
||||
ro.disconnect();
|
||||
};
|
||||
}, [market, chartTf, bars.length]);
|
||||
|
||||
useEffect(() => {
|
||||
@@ -145,8 +160,11 @@ const TrendSearchCardChart: React.FC<Props> = ({
|
||||
}, [market, chartTf, useUpbit]);
|
||||
|
||||
return (
|
||||
<div className="vtd-card-chart-wrap">
|
||||
<div ref={canvasWrapRef} className="vtd-card-chart slot-chart-wrap">
|
||||
<div className="vtd-card-chart-panel vtd-card-chart-panel--fill">
|
||||
<div
|
||||
ref={canvasWrapRef}
|
||||
className="vtd-card-chart-canvas slot-chart-wrap vtd-card-chart-canvas--fill"
|
||||
>
|
||||
{isLoading && <div className="vtd-card-chart-loading">차트 로딩…</div>}
|
||||
{isLoadingMore && (
|
||||
<div className="chart-history-loading">
|
||||
|
||||
@@ -71,8 +71,8 @@ const TrendSearchResultCard: React.FC<Props> = ({
|
||||
className={[
|
||||
'vtd-card',
|
||||
'vtd-card--signal',
|
||||
'vtd-card--detail',
|
||||
isChart ? 'vtd-card--chart-mode' : '',
|
||||
!isChart ? 'vtd-card--detail' : '',
|
||||
isChart ? 'vtd-card--chart-mode tsd-result-card--chart' : '',
|
||||
selected ? 'vtd-card--selected' : '',
|
||||
flashCls,
|
||||
].filter(Boolean).join(' ')}
|
||||
|
||||
Reference in New Issue
Block a user