Sammy/t 195 aau i see filters and sort on company (#104)

* feature: add company filter by name

* feature: add fitler on URL

* feature: set icons for sorts

* feature: add creation date and address sorts

* Add tests

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
Sammy Teillet
2023-05-06 07:59:30 +02:00
committed by GitHub
parent 406e1dc02e
commit 354cdb6ad9
17 changed files with 350 additions and 52 deletions

View File

@ -3,7 +3,7 @@ import People from '../People';
import { ThemeProvider } from '@emotion/react';
import { lightTheme } from '../../../layout/styles/themes';
import { MockedProvider } from '@apollo/client/testing';
import { defaultData } from '../default-data';
import { mockData } from '../__tests__/__data__/mock-data';
import { GET_PEOPLE } from '../../../services/people';
import { SEARCH_PEOPLE_QUERY } from '../../../services/search/search';
@ -25,7 +25,7 @@ const mocks = [
},
result: {
data: {
people: defaultData,
people: mockData,
},
},
},

View File

@ -1,6 +1,6 @@
import { GraphqlQueryPerson } from '../../interfaces/person.interface';
import { GraphqlQueryPerson } from '../../../../interfaces/person.interface';
export const defaultData: Array<GraphqlQueryPerson> = [
export const mockData: Array<GraphqlQueryPerson> = [
{
id: '7dfbc3f7-6e5e-4128-957e-8d86808cdf6b',
__typename: 'Person',

View File

@ -22,7 +22,7 @@ exports[`PeopleFilter should render the filter company_name 1`] = `
Object {
"company": Object {
"name": Object {
"_eq": "ACME",
"_eq": "Airbnb",
},
},
}
@ -33,7 +33,7 @@ Object {
"_not": Object {
"company": Object {
"name": Object {
"_eq": "ACME",
"_eq": "Airbnb",
},
},
},

View File

@ -6,8 +6,8 @@ import {
SEARCH_COMPANY_QUERY,
SEARCH_PEOPLE_QUERY,
} from '../../../services/search/search';
import { mockCompanyData } from '../../companies/__stories__/mock-data';
import { defaultData } from '../default-data';
import { mockData as mockCompanyData } from '../../companies/__tests__/__data__/mock-data';
import { mockData as mockPeopleData } from './__data__/mock-data';
import { availableFilters } from '../people-table';
function assertFilterUseCompanySearch<FilterValue>(
@ -32,7 +32,7 @@ function assertFilterUsePeopleSearch<FilterValue>(
return filter.searchQuery === SEARCH_PEOPLE_QUERY;
}
const JohnDoeUser = defaultData.find(
const JohnDoeUser = mockPeopleData.find(
(user) => user.email === 'john@linkedin.com',
) as GraphqlQueryPerson;