feat(lotto): 분석탭 → 자료실 라벨 + 첫 진입 모든 패널 접힘

This commit is contained in:
2026-05-11 09:03:10 +09:00
parent ff7ac48c6b
commit 0bf1233e96
3 changed files with 55 additions and 26 deletions

View File

@@ -7,7 +7,7 @@ import SwipeableView from '../../components/SwipeableView';
const TABS = [ const TABS = [
{ id: 'briefing', label: '🗓 이번 주 브리핑' }, { id: 'briefing', label: '🗓 이번 주 브리핑' },
{ id: 'analysis', label: '📊 분석·통계' }, { id: 'analysis', label: '📚 자료실 / Deep Dive' },
{ id: 'purchase', label: '💰 구매·성과' }, { id: 'purchase', label: '💰 구매·성과' },
]; ];

View File

@@ -1526,3 +1526,8 @@
font-size: 13px; font-size: 13px;
} }
} }
.lotto-section-fold { margin-bottom: 14px; }
.lotto-section-fold > summary { cursor: pointer; padding: 12px 16px; background: rgba(255,255,255,0.03);
border-radius: 10px; font-weight: 600; font-size: 14px; opacity: 0.85; }
.lotto-section-fold[open] > summary { margin-bottom: 12px; opacity: 1; }

View File

@@ -40,6 +40,8 @@ export default function AnalysisTab() {
<PerformanceBanner perf={ld.perfStats} /> <PerformanceBanner perf={ld.perfStats} />
{/* 종합 추론 번호 추천 */} {/* 종합 추론 번호 추천 */}
<details className="lotto-section-fold">
<summary>종합 추론 추천</summary>
<CombinedRecommendPanel <CombinedRecommendPanel
combined={ld.combined} combined={ld.combined}
history={ld.combinedHistory} history={ld.combinedHistory}
@@ -48,10 +50,11 @@ export default function AnalysisTab() {
onRun={ld.runCombinedRecommend} onRun={ld.runCombinedRecommend}
onCopy={copyNumbers} onCopy={copyNumbers}
/> />
</details>
{/* 최신 회차 + 시뮬레이션 추천 */} {/* 최신 회차 */}
<div className="lotto-grid"> <details className="lotto-section-fold">
{/* Latest Draw */} <summary>최신 회차</summary>
<section className="lotto-panel"> <section className="lotto-panel">
<div className="lotto-panel__head"> <div className="lotto-panel__head">
<div> <div>
@@ -87,8 +90,11 @@ export default function AnalysisTab() {
<p className="lotto-empty">최신 회차 데이터가 없습니다.</p> <p className="lotto-empty">최신 회차 데이터가 없습니다.</p>
)} )}
</section> </section>
</details>
{/* Simulation Picks */} {/* Simulation Picks */}
<details className="lotto-section-fold">
<summary>시뮬레이션 추천</summary>
<section className="lotto-panel"> <section className="lotto-panel">
<div className="lotto-panel__head"> <div className="lotto-panel__head">
<div> <div>
@@ -163,9 +169,11 @@ export default function AnalysisTab() {
</> </>
)} )}
</section> </section>
</div> </details>
{/* 이번 주 공략 리포트 */} {/* 이번 주 공략 리포트 */}
<details className="lotto-section-fold">
<summary>이번 공략 리포트</summary>
<ReportPanel <ReportPanel
report={ld.report} report={ld.report}
history={ld.reportHistory} history={ld.reportHistory}
@@ -173,8 +181,11 @@ export default function AnalysisTab() {
onRefresh={ld.refreshReport} onRefresh={ld.refreshReport}
onSelectDrw={ld.loadSpecificReport} onSelectDrw={ld.loadSpecificReport}
/> />
</details>
{/* 통계 분석 */} {/* 통계 분석 */}
<details className="lotto-section-fold">
<summary>통계 분석</summary>
<section className="lotto-panel lotto-panel--wide"> <section className="lotto-panel lotto-panel--wide">
<div className="lotto-panel__head"> <div className="lotto-panel__head">
<div> <div>
@@ -237,8 +248,11 @@ export default function AnalysisTab() {
</p> </p>
)} )}
</section> </section>
</details>
{/* 전체 번호 분포 */} {/* 전체 번호 분포 */}
<details className="lotto-section-fold">
<summary>전체 회차 번호 분포</summary>
<section className="lotto-panel lotto-panel--wide"> <section className="lotto-panel lotto-panel--wide">
<div className="lotto-panel__head"> <div className="lotto-panel__head">
<div> <div>
@@ -263,11 +277,17 @@ export default function AnalysisTab() {
<p className="lotto-empty">통계 데이터를 불러오지 못했습니다.</p> <p className="lotto-empty">통계 데이터를 불러오지 못했습니다.</p>
)} )}
</section> </section>
</details>
{/* 내 번호 패턴 */} {/* 내 번호 패턴 */}
<details className="lotto-section-fold">
<summary> 번호 패턴</summary>
<PersonalAnalysisPanel data={ld.personalAnalysis} loading={ld.personalLoading} /> <PersonalAnalysisPanel data={ld.personalAnalysis} loading={ld.personalLoading} />
</details>
{/* 수동 추천 */} {/* 수동 추천 */}
<details className="lotto-section-fold">
<summary>수동 추천</summary>
<section className="lotto-panel"> <section className="lotto-panel">
<div className="lotto-panel__head"> <div className="lotto-panel__head">
<div> <div>
@@ -365,8 +385,11 @@ export default function AnalysisTab() {
<p className="lotto-empty">아직 추천 결과가 없습니다.</p> <p className="lotto-empty">아직 추천 결과가 없습니다.</p>
)} )}
</section> </section>
</details>
{/* 추천 히스토리 */} {/* 추천 히스토리 */}
<details className="lotto-section-fold">
<summary>추천 히스토리</summary>
<section className="lotto-panel"> <section className="lotto-panel">
<div className="lotto-panel__head"> <div className="lotto-panel__head">
<div> <div>
@@ -423,6 +446,7 @@ export default function AnalysisTab() {
</div> </div>
)} )}
</section> </section>
</details>
</> </>
); );
} }