bo/worklenz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #126 from chamikaJ/chore/improved-dark-mode-toggle

Browse Source 
feat(settings): add appearance settings with dark mode toggle and tra…
This commit is contained in:
Chamika J
2025-05-15 07:57:05 +05:30
committed by GitHub
parent 40caea7d79 536c1c37b1
commit 72d372b685
11 changed files with 77 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
worklenz-frontend/src/features/theme/ThemeSelector.tsx
View File

@@ -1,28 +0,0 @@
// ThemeSelector.tsx
import { Button } from 'antd';
import React from 'react';
import { useAppDispatch } from '@/hooks/useAppDispatch';
import { useAppSelector } from '@/hooks/useAppSelector';
import { toggleTheme } from './themeSlice';
import { MoonOutlined, SunOutlined } from '@ant-design/icons';
const ThemeSelector = () => {
const themeMode = useAppSelector(state => state.themeReducer.mode);
const dispatch = useAppDispatch();
const handleDarkModeToggle = () => {
dispatch(toggleTheme());
};
return (
<Button
type={themeMode === 'dark' ? 'primary' : 'default'}
icon={themeMode === 'dark' ? <SunOutlined /> : <MoonOutlined />}
shape="circle"
onClick={handleDarkModeToggle}
className="transition-all duration-300" // Optional: add smooth transition
/>
);
};
export default ThemeSelector;