feat(filter): review request type (user or team) (#3023)

Signed-off-by: Adam Setch <adam.setch@outlook.com>

Author: setchy

src/renderer/components/filters/ReviewRequestTypeFilter.test.tsx

@@ -0,0 +1,14 @@
+import { renderWithProviders } from '../../__helpers__/test-utils';
+import { mockMultipleAccountNotifications } from '../../__mocks__/notifications-mocks';
+
+import { ReviewRequestTypeFilter } from './ReviewRequestTypeFilter';
+
+describe('renderer/components/filters/ReviewRequestTypeFilter.tsx', () => {
+  it('should render itself & its children', () => {
+    const tree = renderWithProviders(<ReviewRequestTypeFilter />, {
+      notifications: mockMultipleAccountNotifications,
+    });
+
+    expect(tree.container).toMatchSnapshot();
+  });
+});

src/renderer/components/filters/ReviewRequestTypeFilter.tsx

@@ -0,0 +1,24 @@
+import type { FC } from 'react';
+
+import { GitPullRequestIcon } from '@primer/octicons-react';
+import { Text } from '@primer/react';
+
+import { reviewRequestTypeFilter } from '../../utils/notifications/filters';
+import { FilterSection } from './FilterSection';
+
+export const ReviewRequestTypeFilter: FC = () => {
+  return (
+    <FilterSection
+      filter={reviewRequestTypeFilter}
+      filterSetting="reviewRequestTypes"
+      icon={GitPullRequestIcon}
+      id="filter-review-request-types"
+      title="Review Request Type"
+      tooltip={
+        <Text>
+          Filter review requests by whether you were directly requested or requested via a team.
+        </Text>
+      }
+    />
+  );
+};

src/renderer/components/filters/__snapshots__/ReviewRequestTypeFilter.test.tsx.snap

@@ -8,6 +8,7 @@ import { useFiltersStore } from '../stores';
 
 import { AccountFilter } from '../components/filters/AccountFilter';
 import { ReasonFilter } from '../components/filters/ReasonFilter';
+import { ReviewRequestTypeFilter } from '../components/filters/ReviewRequestTypeFilter';
 import { SearchFilter } from '../components/filters/SearchFilter';
 import { StateFilter } from '../components/filters/StateFilter';
 import { SubjectTypeFilter } from '../components/filters/SubjectTypeFilter';
@@ -36,6 +37,7 @@ export const FiltersRoute: FC = () => {
           <UserTypeFilter />
           <SubjectTypeFilter />
           <StateFilter />
+          <ReviewRequestTypeFilter />
           <ReasonFilter />
         </Stack>
       </Contents>