9616034250

Committed 21 Jun 2024 03:26PM UTC coverage: 96.189% (-0.8%) from 97.005%

Build # 9616034250

Build Type

Pull #1304

github

Committed by

web-flow

Commit Message

Merge ac9a939a8 into a8dc8eea5

Pull Request Pull Request #1304: feat: new filters route

Run Details

500 of 520 branches covered (96.15%)

Branch coverage included in aggregate %.

37 of 46 new or added lines in 5 files covered. (80.43%)

16 existing lines in 1 file now uncovered.

1292 of 1343 relevant lines covered (96.2%)

25.16 hits per line

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

62.16

/src/routes/Filters.tsx

1	import { FilterRemoveIcon } from '@primer/octicons-react';	2✔
2	import { type FC, useContext } from 'react';	2✔
3	import { Header } from '../components/Header';	2✔
4	import { Checkbox } from '../components/fields/Checkbox';	2✔
5	import { AppContext, defaultSettings } from '../context/App';	2✔
6	import { BUTTON_CLASS_NAME } from '../styles/gitify';	2✔
7	import { Size } from '../types';	2✔
8	import type { Reason } from '../typesGitHub';
9	import { FORMATTED_REASONS, formatReason } from '../utils/reason';	2✔
10
11	export const FiltersRoute: FC = () => {	2✔
12	const { settings, updateSetting } = useContext(AppContext);	10✔
13
14	const updateReasonFilter = (reason: Reason, checked: boolean) => {	10✔
15	let reasons: Reason[];
16
NEW 17	if (!settings.filterReasons) {	×
NEW 18	reasons = [];	×
19	} else {
NEW 20	reasons = settings.filterReasons.split(',') as Reason[];	×
21	}
22
NEW 23	if (checked) {	×
NEW 24	reasons.push(reason);	×
25	} else {
NEW 26	reasons = reasons.filter((r) => r !== reason);	×
27	}
28
NEW 29	updateSetting('filterReasons', reasons.join(','));	×
30	};
31
32	const shouldShowReason = (reason: Reason) => {	10✔
33	return settings.filterReasons.split(',').includes(reason);	150✔
34	};
35
36	const resetToDefaultFilters = () => {	10✔
37	updateSetting('filterReasons', defaultSettings.filterReasons);	2✔
38	updateSetting('showBots', defaultSettings.showBots);	2✔
39	};
40
41	return (	10✔
42	<div className="flex h-screen flex-col" data-testid="filters">
43	<Header>Filters</Header>
44	<div className="flex-grow overflow-x-auto px-8">
45	<fieldset className="mb-3">
46	<legend id="notifications" className="mb-1 mt-2 font-semibold">
47	Users
48	</legend>
49	<Checkbox
50	name="showBots"
51	label="Show notifications from Bot accounts"
52	checked={!settings.detailedNotifications \|\| settings.showBots}	9✔
53	onChange={(evt) =>
54	settings.detailedNotifications &&	4✔
55	updateSetting('showBots', evt.target.checked)
56	}
57	disabled={!settings.detailedNotifications}
58	tooltip={
59	<div>
60	<div className="pb-3">
61	Show or hide notifications from Bot accounts, such as
62	@dependabot, @renovatebot, etc
63	</div>
64	<div className="text-orange-600">
65	⚠️ This setting requires{' '}
66	<strong>Detailed Notifications</strong> to be enabled.
67	</div>
68	</div>
69	}
70	/>
71	</fieldset>
72
73	<fieldset className="mb-3">
74	<legend id="appearance" className="mb-1 mt-2 font-semibold">
75	Reason
76	</legend>
77	<span className="text-xs italic">
78	Note: if no reasons are selected, all notifications will be shown.
79	</span>
80	{Object.keys(FORMATTED_REASONS).map((reason: Reason) => {
81	return (	150✔
82	<Checkbox
83	key={reason}
84	name={reason}
85	label={formatReason(reason).title}
86	checked={shouldShowReason(reason)}
87	onChange={(evt) =>
NEW 88	updateReasonFilter(reason, evt.target.checked)	×
89	}
90	tooltip={<div>{formatReason(reason).description}</div>}
91	/>
92	);
93	})}
94	</fieldset>
95	</div>
96
97	<div className="flex items-center justify-between bg-gray-200 px-3 py-1 text-sm dark:bg-gray-darker">
98	<div>
99	<button
100	type="button"
101	className={BUTTON_CLASS_NAME}
102	title="Reset to default filters"
103	onClick={resetToDefaultFilters}
104	>
105	<FilterRemoveIcon
106	size={Size.LARGE}
107	className="mr-2"
108	aria-label="Reset to default filters"
109	/>
110	Reset to default filters
111	</button>
112	</div>
113	</div>
114	</div>
115	);
116	};

gitify-app / gitify / 9616034250

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