Dark mode

This commit is contained in:
Max Lynch
2021-01-09 12:29:46 -06:00
parent b9e7b010ae
commit a1daf0926d
5 changed files with 235 additions and 44 deletions
-32
View File
@@ -1,32 +0,0 @@
import classNames from 'classnames';
import { Plugins } from '@capacitor/core';
import { useEffect, useState } from 'react';
const { DarkMode } = Plugins;
const App = ({ children, className, ...props }) => {
const [darkMode, setDarkMode] = useState(false);
useEffect(async () => {
try {
let darkmodeConfig = await DarkMode.isDarkModeOn();
setDarkMode(darkmodeConfig.isDarkModeOn);
DarkMode.addListener('darkModeStateChanged', state => {
setDarkMode(state.isDarkModeOn);
});
} catch (e) {}
}, []);
return (
<div
{...props}
className={classNames('flex h-screen flex-col', className, {
dark: darkMode,
})}
>
{children}
</div>
);
};
export default App;