components ThemeToggle.jsx

0% Statements 0/2

0% Branches 0/6

0% Functions 0/1

0% Lines 0/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  /**
 * @fileoverview Theme Toggle Component
 * @description Button to switch between dark and light modes
 * @module components/ThemeToggle
 */
 
import { useTheme } from '../context/ThemeContext';
import './ThemeToggle.css';
 
/**
 * Theme Toggle Component
 */
function ThemeToggle() {
  const { theme, toggleTheme } = useTheme();
 
  return (
    <button 
      className="theme-toggle"
      onClick={toggleTheme}
      title={`Switch to ${theme === 'dark' ? 'light' : 'dark'} mode`}
      aria-label={`Switch to ${theme === 'dark' ? 'light' : 'dark'} mode`}
    >
      <span className="theme-icon">
        {theme === 'dark' ? '☀️' : '🌙'}
      </span>
    </button>
  );
}
 
export default ThemeToggle;