hooks use-listen-system-theme-change.ts

0% Statements 0/12

0% Branches 0/2

0% Functions 0/5

0% Lines 0/10

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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { messages$ } from './use-message-events';
import { useColorMode } from '@stacks/ui';
import { useEffect } from 'react';
import { filter } from 'rxjs/operators';
 
export function useListenSystemThemeChange() {
  const { setColorMode } = useColorMode();
 
  useEffect(() => {
    const sub = messages$.pipe(filter(e => e.type === 'theme-event')).subscribe(e => {
      setColorMode(e.shouldUseDarkMode ? 'dark' : 'light');
    });
    return () => sub.unsubscribe();
  }, [setColorMode]);
}