fix(sf-06): MarketTab reorder — Competitors → BestLayouts → Velocity первыми #272

Merged
lekss361 merged 1 commit from fix/sf-06-market-tab-reorder into main 2026-05-17 08:57:18 +00:00

View file

@ -28,23 +28,20 @@ export function MarketTab({ data }: Props) {
return ( return (
<div style={{ display: "flex", flexDirection: "column", gap: 20 }}> <div style={{ display: "flex", flexDirection: "column", gap: 20 }}>
{/* D4 (#36) — Pipeline 24mo */} {/* Competitors */}
{data.pipeline_24mo && <Pipeline24moBlock data={data.pipeline_24mo} />} {data.competitors.length > 0 && (
<div>
{/* Market trend */} <SectionLabel style={{ marginBottom: 12 }}>Конкуренты</SectionLabel>
{hasTrend && ( <CompetitorTable
<div competitors={data.competitors}
style={{ districtName={data.district?.district_name}
border: "1px solid #e5e7eb", />
borderRadius: 10,
padding: "14px 18px",
background: "#fff",
}}
>
<MarketTrendBlock trend={data.market_trend} />
</div> </div>
)} )}
{/* Issue #113 — data-driven ТЗ на проектирование */}
<BestLayoutsBlock cadNum={data.cad_num} />
{/* D2 (#34) — Velocity-score */} {/* D2 (#34) — Velocity-score */}
{hasVelocity && ( {hasVelocity && (
<div <div
@ -59,17 +56,23 @@ export function MarketTab({ data }: Props) {
</div> </div>
)} )}
{/* Competitors */} {/* Market trend */}
{data.competitors.length > 0 && ( {hasTrend && (
<div> <div
<SectionLabel style={{ marginBottom: 12 }}>Конкуренты</SectionLabel> style={{
<CompetitorTable border: "1px solid #e5e7eb",
competitors={data.competitors} borderRadius: 10,
districtName={data.district?.district_name} padding: "14px 18px",
/> background: "#fff",
}}
>
<MarketTrendBlock trend={data.market_trend} />
</div> </div>
)} )}
{/* D4 (#36) — Pipeline 24mo */}
{data.pipeline_24mo && <Pipeline24moBlock data={data.pipeline_24mo} />}
{/* Success recommendation */} {/* Success recommendation */}
{hasRecommendation && ( {hasRecommendation && (
<div> <div>
@ -82,9 +85,6 @@ export function MarketTab({ data }: Props) {
</div> </div>
)} )}
{/* Issue #113 — data-driven ТЗ на проектирование */}
<BestLayoutsBlock cadNum={data.cad_num} />
{!hasAny && <EmptyState message="Рыночные данные недоступны" />} {!hasAny && <EmptyState message="Рыночные данные недоступны" />}
</div> </div>
); );