8525244851

Committed 02 Apr 2024 03:15PM UTC coverage: 95.012%. Remained the same

Build # 8525244851

Build Type

push

github

Committed by

web-flow

Commit Message

feat: redesign settings ux (#947)

* refactor: style of placeholder txt

* refactor: create settings sections

* refactor: split out settings types

* refactor: radio group

* refactor: rename appearance to theme

* fix: remove placeholder

* fix: remove placeholder

Run Details

354 of 374 branches covered (94.65%)

Branch coverage included in aggregate %.

22 of 25 new or added lines in 5 files covered. (88.0%)

1 existing line in 1 file now uncovered.

865 of 909 relevant lines covered (95.16%)

16.04 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

86.21

/src/utils/theme.ts

import { Theme } from '../types';

export function getTheme(): Theme {
  if (document.querySelector('html').classList.contains('dark')) {
    return Theme.DARK;
  }

  return Theme.LIGHT;
}

export const setLightMode = () =>
  document.querySelector('html').classList.remove('dark');

export const setDarkMode = () =>
  document.querySelector('html').classList.add('dark');

export const setTheme = (mode?: Theme) => {
  switch (mode) {
    case Theme.LIGHT:
      setLightMode();
      break;

    case Theme.DARK:
      setDarkMode();
      break;

    default:
      if (
        window.matchMedia &&
        window.matchMedia('(prefers-color-scheme: dark)').matches
      ) {
        setDarkMode();
      } else {
        setLightMode();
      }
  }
};

1	import { Theme } from '../types';	26✔
2
3	export function getTheme(): Theme {	26✔
4	if (document.querySelector('html').classList.contains('dark')) {	12!
NEW 5	return Theme.DARK;	×
6	}
7
8	return Theme.LIGHT;	12✔
9	}
10
11	export const setLightMode = () =>	26✔
12	document.querySelector('html').classList.remove('dark');	20✔
13
14	export const setDarkMode = () =>	26✔
15	document.querySelector('html').classList.add('dark');	×
16
17	export const setTheme = (mode?: Theme) => {	26✔
18	switch (mode) {	28✔
19	case Theme.LIGHT:
20	setLightMode();	2✔
21	break;	2✔
22
23	case Theme.DARK:
24	setDarkMode();	2✔
25	break;	2✔
26
27	default:
28	if (	24✔
29	window.matchMedia &&	13✔
30	window.matchMedia('(prefers-color-scheme: dark)').matches
31	) {
32	setDarkMode();	2✔
33	} else {
34	setLightMode();	22✔
35	}
36	}
37	};

gitify-app / gitify / 8525244851

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous