deep source

Author: mayank1513

lib/src/client/theme-switcher/theme-switcher.tsx

@@ -15,6 +15,7 @@ export interface ThemeSwitcherProps {
   styles?: Record<string, string>;
 }
 
+/** Add media query listener */
 const useMediaQuery = (setThemeState: SetStateAction<ThemeState>) => {
   useEffect(() => {
     // set event listener for media

packages/shared/src/client/header/theme-switch.tsx

@@ -28,7 +28,8 @@ export default function ThemeSwitch() {
       tabIndex={0}
       onKeyDown={e => {
         if (e.key === "Enter") toggle();
-      }}>
+      }}
+      role="button">
       <ColorSwitch size={24} />
       <span className="mb">{colorSchemePreference}</span>
     </div>