3f4d0c5828
- vitest 41개 단위 테스트 (HistoryService, DictionaryService, CustomInstructionService, VoiceModeService, D3ROError) - electron-builder.yml (NSIS, asarUnpack, extraResources) - .gitlab-ci.yml (lint, typecheck, test, build, release) - SoundEffectService: WAV 프리로드 + PowerShell 재생 + VoiceMode 연동 - AutoLaunchService: app.setLoginItemSettings + ConfigService 동기화 - TextInsertService: 간이 삽입 검증 (EditMonitor 경량) - 번들링 인프라: SoX 다운로드 스크립트, PyInstaller 빌드, 경로 해상도 유틸 - AudioCaptureService/LocalSTTService: 번들 경로 자동 감지 - 08-design-system.md 기반 MUI 테마 (다크+라이트+auto 테마 시스템) - 전체 UI 컴포넌트 리디자인: AppLayout, Dashboard, StatusBar, History, Dictionary, Commands, Settings - 효과음 WAV 생성: recording-start, recording-stop, error - EPIPE 에러 핸들링 추가
31 lines
971 B
TypeScript
31 lines
971 B
TypeScript
// src/renderer/App.tsx — 루트 컴포넌트
|
|
// 테마 시스템: auto(시스템) / dark / light. 기본은 auto → 다크.
|
|
|
|
import { useState, useEffect, useMemo } from 'react'
|
|
import { ThemeProvider, CssBaseline, useMediaQuery } from '@mui/material'
|
|
import { getTheme } from './theme'
|
|
import { AppLayout } from './components/AppLayout'
|
|
import type { ThemeMode } from '@shared/types'
|
|
|
|
export function App(): React.ReactElement {
|
|
const [themeMode, setThemeMode] = useState<ThemeMode>('auto')
|
|
const prefersDark = useMediaQuery('(prefers-color-scheme: dark)')
|
|
|
|
// 설정에서 테마 로드
|
|
useEffect(() => {
|
|
window.electronAPI.config.getTheme().then((result) => {
|
|
if (result.success) {
|
|
setThemeMode(result.data)
|
|
}
|
|
})
|
|
}, [])
|
|
|
|
const theme = useMemo(() => getTheme(themeMode, prefersDark), [themeMode, prefersDark])
|
|
|
|
return (
|
|
<ThemeProvider theme={theme}>
|
|
<CssBaseline />
|
|
<AppLayout />
|
|
</ThemeProvider>
|
|
)
|
|
}
|