72 lines
2.0 KiB
TypeScript

import { InferenceEngine } from '@janhq/core'
import { useAtomValue } from 'jotai'
import { useGetEngines } from '@/hooks/useEngineManagement'
import Advanced from '@/screens/Settings/Advanced'
import AppearanceOptions from '@/screens/Settings/Appearance'
import ExtensionCatalog from '@/screens/Settings/CoreExtensions'
import Engines from '@/screens/Settings/Engines'
import LocalEngineSettings from '@/screens/Settings/Engines/LocalEngineSettings'
import RemoteEngineSettings from '@/screens/Settings/Engines/RemoteEngineSettings'
import ExtensionSetting from '@/screens/Settings/ExtensionSetting'
import Hotkeys from '@/screens/Settings/Hotkeys'
import MyModels from '@/screens/Settings/MyModels'
import Privacy from '@/screens/Settings/Privacy'
import { isLocalEngine } from '@/utils/modelEngine'
import { selectedSettingAtom } from '@/helpers/atoms/Setting.atom'
const SettingDetail = () => {
const selectedSetting = useAtomValue(selectedSettingAtom)
const { engines } = useGetEngines()
switch (selectedSetting) {
case 'Engines':
return <Engines />
case 'Extensions':
return <ExtensionCatalog />
case 'Preferences':
return <AppearanceOptions />
case 'Keyboard Shortcuts':
return <Hotkeys />
case 'Privacy':
return <Privacy />
case 'Advanced Settings':
return <Advanced />
case 'My Models':
return <MyModels />
default:
if (
!selectedSetting.includes('@janhq') &&
isLocalEngine(engines, selectedSetting as InferenceEngine)
) {
return (
<LocalEngineSettings engine={selectedSetting as InferenceEngine} />
)
} else if (
!selectedSetting.includes('@janhq') &&
!isLocalEngine(engines, selectedSetting as InferenceEngine)
) {
return (
<RemoteEngineSettings engine={selectedSetting as InferenceEngine} />
)
}
return (
<div className="mx-4">
<ExtensionSetting />
</div>
)
}
}
export default SettingDetail