Added language and theme switching function to login page and homepage

This commit is contained in:
choizhang
2025-03-12 00:42:12 +08:00
parent e5214f1a70
commit 7bf2d51bd0
9 changed files with 131 additions and 27 deletions

View File

@@ -6,6 +6,7 @@ import { Message, QueryRequest } from '@/api/lightrag'
type Theme = 'dark' | 'light' | 'system'
type Tab = 'documents' | 'knowledge-graph' | 'retrieval' | 'api'
type Language = 'en' | 'zh'
interface SettingsState {
// Graph viewer settings
@@ -46,6 +47,9 @@ interface SettingsState {
theme: Theme
setTheme: (theme: Theme) => void
language: Language
setLanguage: (language: Language) => void
enableHealthCheck: boolean
setEnableHealthCheck: (enable: boolean) => void
@@ -57,6 +61,7 @@ const useSettingsStoreBase = create<SettingsState>()(
persist(
(set) => ({
theme: 'system',
language: 'en',
showPropertyPanel: true,
showNodeSearchBar: true,
@@ -99,6 +104,8 @@ const useSettingsStoreBase = create<SettingsState>()(
setTheme: (theme: Theme) => set({ theme }),
setLanguage: (language: Language) => set({ language }),
setGraphLayoutMaxIterations: (iterations: number) =>
set({
graphLayoutMaxIterations: iterations