refactor(evolver): Lotto 탭으로 통합 + 다크 테마 + activity 스크롤
- EvolverTab.jsx 신규 생성: evolver 컴포넌트를 탭 body로 추출 - Evolver.jsx → Lotto 페이지 thin wrapper로 교체 (/lotto/evolver URL 유지) - Lotto.jsx: useLocation으로 pathname 감지 → initialTab 결정 - Functions.jsx: 4번째 탭 '🧬 자율 학습' 추가 + initialTab prop 수용 - Evolver.css: light → dark 테마 전환 (rgba/slate 팔레트), activity-list max-height+scroll 적용 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -1,8 +1,12 @@
|
||||
import React from 'react';
|
||||
import { useLocation } from 'react-router-dom';
|
||||
import Functions from './Functions';
|
||||
import './Lotto.css';
|
||||
|
||||
const Lotto = () => {
|
||||
const location = useLocation();
|
||||
const initialTab = location.pathname.endsWith('/evolver') ? 'evolver' : 'briefing';
|
||||
|
||||
return (
|
||||
<div className="lotto">
|
||||
<header className="lotto-header">
|
||||
@@ -24,7 +28,7 @@ const Lotto = () => {
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<Functions />
|
||||
<Functions initialTab={initialTab} />
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user