9615422538

Committed 21 Jun 2024 02:40PM UTC coverage: 96.175% (-0.8%) from 97.005%

Build # 9615422538

Build Type

Pull #1304

github

Committed by

web-flow

Commit Message

Merge 747268930 into a8dc8eea5

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

Run Details

493 of 514 branches covered (95.91%)

Branch coverage included in aggregate %.

11 of 18 new or added lines in 4 files covered. (61.11%)

17 existing lines in 1 file now uncovered.

1267 of 1316 relevant lines covered (96.28%)

23.25 hits per line

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

85.71

/src/components/Sidebar.tsx

import {
  BellIcon,
  FilterIcon,
  GearIcon,
  GitPullRequestIcon,
  IssueOpenedIcon,
  SyncIcon,
  XCircleIcon,
} from '@primer/octicons-react';
import { type FC, useContext, useMemo } from 'react';
import { useLocation, useNavigate } from 'react-router-dom';
import { AppContext } from '../context/App';
import { Size } from '../types';
import { quitApp } from '../utils/comms';
import { getFilterCount } from '../utils/helpers';
import {
  openGitHubIssues,
  openGitHubNotifications,
  openGitHubPulls,
  openGitifyRepository,
} from '../utils/links';
import { getNotificationCount } from '../utils/notifications';
import { SidebarButton } from './buttons/SidebarButton';
import { LogoIcon } from './icons/LogoIcon';

export const Sidebar: FC = () => {
  const navigate = useNavigate();
  const location = useLocation();

  const { notifications, fetchNotifications, isLoggedIn, status, settings } =
    useContext(AppContext);

  const toggleFilters = () => {
    if (location.pathname.startsWith('/filters')) {
      navigate('/', { replace: true });
    } else {
      navigate('/filters');
    }
  };

  const toggleSettings = () => {
    if (location.pathname.startsWith('/settings')) {
      navigate('/', { replace: true });
    } else {
      navigate('/settings');
    }
  };

  const refreshNotifications = () => {
    navigate('/', { replace: true });
    fetchNotifications();
  };

  const notificationsCount = useMemo(() => {
    return getNotificationCount(notifications);
  }, [notifications]);

  const filterCount = useMemo(() => {
    return getFilterCount(settings);
  }, [settings]);

  return (
    <div className="fixed left-14 -ml-14 flex h-full w-14 flex-col overflow-y-auto bg-gray-sidebar">
      <div className="flex flex-1 flex-col items-center py-4">
        <button
          type="button"
          className="mx-auto my-3 cursor-pointer outline-none"
          title="Open Gitify on GitHub"
          onClick={() => openGitifyRepository()}
          data-testid="gitify-logo"
        >
          <LogoIcon size={Size.SMALL} aria-label="Open Gitify" />
        </button>

        <SidebarButton
          title={`${notificationsCount} Unread Notifications`}
          metric={notificationsCount}
          icon={BellIcon}
          onClick={() => openGitHubNotifications()}
        />

        <SidebarButton
          title="My Issues"
          icon={IssueOpenedIcon}
          onClick={() => openGitHubIssues()}
        />

        <SidebarButton
          title="My Pull Requests"
          icon={GitPullRequestIcon}
          onClick={() => openGitHubPulls()}
        />
      </div>

      <div className="px-3 py-4">
        {isLoggedIn && (
          <>
            <SidebarButton
              title="Refresh Notifications"
              icon={SyncIcon}
              size={Size.MEDIUM}
              loading={status === 'loading'}
              disabled={status === 'loading'}
              onClick={() => refreshNotifications()}
            />

            <SidebarButton
              title="Filters"
              icon={FilterIcon}
              size={Size.MEDIUM}
              metric={filterCount}
              onClick={() => toggleFilters()}
            />

            <SidebarButton
              title="Settings"
              icon={GearIcon}
              size={Size.MEDIUM}
              onClick={() => toggleSettings()}
            />
          </>
        )}

        {!isLoggedIn && (
          <SidebarButton
            title="Quit Gitify"
            icon={XCircleIcon}
            size={Size.MEDIUM}
            onClick={() => quitApp()}
          />
        )}
      </div>
    </div>
  );
};

1	import {	2✔
2	BellIcon,
3	FilterIcon,
4	GearIcon,
5	GitPullRequestIcon,
6	IssueOpenedIcon,
7	SyncIcon,
8	XCircleIcon,
9	} from '@primer/octicons-react';
10	import { type FC, useContext, useMemo } from 'react';	2✔
11	import { useLocation, useNavigate } from 'react-router-dom';	2✔
12	import { AppContext } from '../context/App';	2✔
13	import { Size } from '../types';	2✔
14	import { quitApp } from '../utils/comms';	2✔
15	import { getFilterCount } from '../utils/helpers';	2✔
16	import {	2✔
17	openGitHubIssues,
18	openGitHubNotifications,
19	openGitHubPulls,
20	openGitifyRepository,
21	} from '../utils/links';
22	import { getNotificationCount } from '../utils/notifications';	2✔
23	import { SidebarButton } from './buttons/SidebarButton';	2✔
24	import { LogoIcon } from './icons/LogoIcon';	2✔
25
26	export const Sidebar: FC = () => {	2✔
27	const navigate = useNavigate();	26✔
28	const location = useLocation();	26✔
29
30	const { notifications, fetchNotifications, isLoggedIn, status, settings } =
31	useContext(AppContext);	26✔
32
33	const toggleFilters = () => {	26✔
NEW 34	if (location.pathname.startsWith('/filters')) {	×
NEW 35	navigate('/', { replace: true });	×
36	} else {
NEW 37	navigate('/filters');	×
38	}
39	};
40
41	const toggleSettings = () => {	26✔
42	if (location.pathname.startsWith('/settings')) {	4✔
43	navigate('/', { replace: true });	2✔
44	} else {
45	navigate('/settings');	2✔
46	}
47	};
48
49	const refreshNotifications = () => {	26✔
50	navigate('/', { replace: true });	2✔
51	fetchNotifications();	2✔
52	};
53
54	const notificationsCount = useMemo(() => {	26✔
55	return getNotificationCount(notifications);	26✔
56	}, [notifications]);
57
58	const filterCount = useMemo(() => {	26✔
59	return getFilterCount(settings);	26✔
60	}, [settings]);
61
62	return (	26✔
63	<div className="fixed left-14 -ml-14 flex h-full w-14 flex-col overflow-y-auto bg-gray-sidebar">
64	<div className="flex flex-1 flex-col items-center py-4">
65	<button
66	type="button"
67	className="mx-auto my-3 cursor-pointer outline-none"
68	title="Open Gitify on GitHub"
69	onClick={() => openGitifyRepository()}	2✔
70	data-testid="gitify-logo"
71	>
72	<LogoIcon size={Size.SMALL} aria-label="Open Gitify" />
73	</button>
74
75	<SidebarButton
76	title={`${notificationsCount} Unread Notifications`}
77	metric={notificationsCount}
78	icon={BellIcon}
79	onClick={() => openGitHubNotifications()}	2✔
80	/>
81
82	<SidebarButton
83	title="My Issues"
84	icon={IssueOpenedIcon}
85	onClick={() => openGitHubIssues()}	2✔
86	/>
87
88	<SidebarButton
89	title="My Pull Requests"
90	icon={GitPullRequestIcon}
91	onClick={() => openGitHubPulls()}	2✔
92	/>
93	</div>
94
95	<div className="px-3 py-4">
96	{isLoggedIn && (	22✔
97	<>
98	<SidebarButton
99	title="Refresh Notifications"
100	icon={SyncIcon}
101	size={Size.MEDIUM}
102	loading={status === 'loading'}
103	disabled={status === 'loading'}
104	onClick={() => refreshNotifications()}	2✔
105	/>
106
107	<SidebarButton
108	title="Filters"
109	icon={FilterIcon}
110	size={Size.MEDIUM}
111	metric={filterCount}
NEW 112	onClick={() => toggleFilters()}	×
113	/>
114
115	<SidebarButton
116	title="Settings"
117	icon={GearIcon}
118	size={Size.MEDIUM}
119	onClick={() => toggleSettings()}	4✔
120	/>
121	</>
122	)}
123
124	{!isLoggedIn && (	17✔
125	<SidebarButton
126	title="Quit Gitify"
127	icon={XCircleIcon}
128	size={Size.MEDIUM}
129	onClick={() => quitApp()}	2✔
130	/>
131	)}
132	</div>
133	</div>
134	);
135	};

gitify-app / gitify / 9615422538

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