27 lines
732 B
TypeScript
27 lines
732 B
TypeScript
|
import Radio from '@/components/ui/Radio'
|
||
|
|
import { useStoreState, useStoreActions } from '@/store'
|
||
|
|
import { NAV_MODE_THEMED } from '@/constants/theme.constant'
|
||
|
|
|
||
|
|
type NavModeParam = 'default' | 'themed'
|
||
|
|
|
||
|
|
const NavModeSwitcher = () => {
|
||
|
|
const navMode = useStoreState((state) => state.theme.navMode)
|
||
|
|
const { setNavMode } = useStoreActions((actions) => actions.theme)
|
||
|
|
|
||
|
|
const onSetNavMode = (val: NavModeParam) => {
|
||
|
|
setNavMode(val)
|
||
|
|
}
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Radio.Group
|
||
|
|
value={navMode === NAV_MODE_THEMED ? NAV_MODE_THEMED : 'default'}
|
||
|
|
onChange={onSetNavMode}
|
||
|
|
>
|
||
|
|
<Radio value="default">Default</Radio>
|
||
|
|
<Radio value={NAV_MODE_THEMED}>Themed</Radio>
|
||
|
|
</Radio.Group>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default NavModeSwitcher
|