All files / components ThemeChanger.js

66.66% Statements 2/3

33.33% Branches 2/6

50% Functions 1/2

66.66% Lines 2/3

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  
 
 
 
10x
 
10x
 
 
 
 
 
 
 
 
 
  import { useTheme } from 'next-themes'
import { BsMoon, BsSun } from 'react-icons/bs'
 
export default function ThemeChanger() {
  const { theme, setTheme } = useTheme()
 
  return (
    <button
      className="flex justify-center items-center w-8 h-8 absolute top-10 left-[265px] space-y-1 bg-gray-900 p-2 cursor-pointer rounded hover:bg-gray-800 text-white dark:bg-periwinkle"
      aria-label={`toggle ${theme === 'dark' ? 'light' : 'dark'} mode`}
      onClick={() => setTheme(theme === 'dark' ? 'light' : 'dark')}
    >
      {theme === 'dark' ? <BsSun /> : <BsMoon />}
    </button>
  )
}