dfcb97a355
Add .gitignore Removed node_modules from previous commit Fix task modes Fix task modes Fix task modes Remove node_modules Update basic task modal Add notes functionality Improve UI Setup views Add scopes Fix projects layout Restructure Fix rest of the UI issues Cleanup old views Add .env to .gitignore
20 lines
557 B
TypeScript
20 lines
557 B
TypeScript
import React, { useEffect, useState } from 'react';
|
|
|
|
const DarkModeToggle: React.FC = () => {
|
|
const [darkMode, setDarkMode] = useState<boolean>(() => {
|
|
return localStorage.getItem('darkMode') === 'true';
|
|
});
|
|
|
|
useEffect(() => {
|
|
document.body.classList.toggle('dark-mode', darkMode);
|
|
localStorage.setItem('darkMode', darkMode.toString());
|
|
}, [darkMode]);
|
|
|
|
return (
|
|
<button onClick={() => setDarkMode(!darkMode)}>
|
|
<i className={`bi ${darkMode ? 'bi-sun' : 'bi-moon'}`}></i>
|
|
</button>
|
|
);
|
|
};
|
|
|
|
export default DarkModeToggle;
|