27 lines
642 B
TypeScript
27 lines
642 B
TypeScript
import React from 'react';
|
|
|
|
import { changeSetting } from 'pl-fe/actions/settings';
|
|
import { useAppDispatch } from 'pl-fe/hooks/use-app-dispatch';
|
|
import { useSettings } from 'pl-fe/hooks/use-settings';
|
|
|
|
import ThemeSelector from './theme-selector';
|
|
|
|
/** Stateful theme selector. */
|
|
const ThemeToggle: React.FC = () => {
|
|
const dispatch = useAppDispatch();
|
|
const { themeMode } = useSettings();
|
|
|
|
const handleChange = (themeMode: string) => {
|
|
dispatch(changeSetting(['themeMode'], themeMode));
|
|
};
|
|
|
|
return (
|
|
<ThemeSelector
|
|
value={themeMode}
|
|
onChange={handleChange}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export { ThemeToggle as default };
|