diff --git a/src/renderer/components/filters/ReviewRequestTypeFilter.test.tsx b/src/renderer/components/filters/ReviewRequestTypeFilter.test.tsx new file mode 100644 index 000000000..397458c71 --- /dev/null +++ b/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(, { + notifications: mockMultipleAccountNotifications, + }); + + expect(tree.container).toMatchSnapshot(); + }); +}); diff --git a/src/renderer/components/filters/ReviewRequestTypeFilter.tsx b/src/renderer/components/filters/ReviewRequestTypeFilter.tsx new file mode 100644 index 000000000..0cae52ea3 --- /dev/null +++ b/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 ( + + Filter review requests by whether you were directly requested or requested via a team. + + } + /> + ); +}; diff --git a/src/renderer/components/filters/__snapshots__/ReviewRequestTypeFilter.test.tsx.snap b/src/renderer/components/filters/__snapshots__/ReviewRequestTypeFilter.test.tsx.snap new file mode 100644 index 000000000..f4c4e5743 --- /dev/null +++ b/src/renderer/components/filters/__snapshots__/ReviewRequestTypeFilter.test.tsx.snap @@ -0,0 +1,195 @@ +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html + +exports[`renderer/components/filters/ReviewRequestTypeFilter.tsx > should render itself & its children 1`] = ` +
+
+ +
+
+ +

+ Review Request Type +

+ +
+
+
+
+
+ + + + + 0 + +
+
+ + + + + 0 + +
+
+
+
+`; diff --git a/src/renderer/routes/Filters.tsx b/src/renderer/routes/Filters.tsx index 62cdea983..59c3600b0 100644 --- a/src/renderer/routes/Filters.tsx +++ b/src/renderer/routes/Filters.tsx @@ -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 = () => { + diff --git a/src/renderer/routes/__snapshots__/Filters.test.tsx.snap b/src/renderer/routes/__snapshots__/Filters.test.tsx.snap index f43a0d143..40a0ecba0 100644 --- a/src/renderer/routes/__snapshots__/Filters.test.tsx.snap +++ b/src/renderer/routes/__snapshots__/Filters.test.tsx.snap @@ -1336,6 +1336,195 @@ exports[`renderer/routes/Filters.tsx > General > should render itself & its chil +
+ +
+
+ +

+ Review Request Type +

+ +
+
+
+
+
+ + + + + 0 + +
+
+ + + + + 0 + +
+
+
@@ -2241,7 +2430,7 @@ exports[`renderer/routes/Filters.tsx > General > should render itself & its chil data-wrap="nowrap" >