diff --git a/src/components/PeopleTable/PeopleTable.tsx b/src/components/PeopleTable/PeopleTable.tsx index 8fca596d6..1a70ab459 100644 --- a/src/components/PeopleTable/PeopleTable.tsx +++ b/src/components/PeopleTable/PeopleTable.tsx @@ -16,12 +16,11 @@ export const PeopleTable: React.FC = ({ people }) => { const [searchParams] = useSearchParams(); const getSortingParams = useCallback((param: string): SearchParams => { - if (searchParams.get('sort') === param - && searchParams.get('order') === 'desc') { - return { sort: null, order: null }; - } - if (searchParams.get('sort') === param) { + if (searchParams.get('order') === 'desc') { + return { sort: null, order: null }; + } + return { sort: param, order: 'desc' }; } @@ -100,36 +99,43 @@ export const PeopleTable: React.FC = ({ people }) => { - {proceedPeople(people, searchParams).map((person) => ( - - - - + {proceedPeople(people, searchParams).map((person) => { + const { + sex, born, died, slug, motherName, + fatherName, mother, father, + } = person; + + return ( + + + + - {person.sex} - {person.born} - {person.died} - - { - person.mother - ? - : person.motherName || '-' - } - - - { - person.father - ? - : person.fatherName || '-' - } - - - ))} + {sex} + {born} + {died} + + { + mother + ? + : motherName || '-' + } + + + { + father + ? + : fatherName || '-' + } + + + ); + })} );