mirror of
https://github.com/kremalicious/umami.git
synced 2024-11-15 17:55:08 +01:00
26 lines
707 B
JavaScript
26 lines
707 B
JavaScript
import classNames from 'classnames';
|
|
import Button from 'components/common/Button';
|
|
import useTheme from 'hooks/useTheme';
|
|
import Sun from 'assets/sun.svg';
|
|
import Moon from 'assets/moon.svg';
|
|
import styles from './ThemeSetting.module.css';
|
|
|
|
export default function ThemeSetting() {
|
|
const [theme, setTheme] = useTheme();
|
|
|
|
return (
|
|
<div className={styles.buttons}>
|
|
<Button
|
|
className={classNames({ [styles.active]: theme === 'light' })}
|
|
icon={<Sun />}
|
|
onClick={() => setTheme('light')}
|
|
/>
|
|
<Button
|
|
className={classNames({ [styles.active]: theme === 'dark' })}
|
|
icon={<Moon />}
|
|
onClick={() => setTheme('dark')}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|