diff --git a/front/src/components/table/CellLink.tsx b/front/src/components/table/CellLink.tsx index 623f542da..e577854f6 100644 --- a/front/src/components/table/CellLink.tsx +++ b/front/src/components/table/CellLink.tsx @@ -1,19 +1,15 @@ import * as React from 'react'; import { Link } from 'react-router-dom'; -import CompanyChip from '../chips/CompanyChip'; type OwnProps = { name: string; picture?: string; href: string; + children?: React.ReactNode; }; -function CellLink({ name, picture, href }: OwnProps) { - return ( - - - - ); +function CellLink({ href, children }: OwnProps) { + return {children}; } export default CellLink; diff --git a/front/src/pages/people/People.tsx b/front/src/pages/people/People.tsx index fc6831b42..5fae4d689 100644 --- a/front/src/pages/people/People.tsx +++ b/front/src/pages/people/People.tsx @@ -18,6 +18,7 @@ import personPlaceholder from './placeholder.png'; import { parsePhoneNumber, CountryCode } from 'libphonenumber-js'; import Checkbox from '../../components/form/Checkbox'; import HorizontalyAlignedContainer from '../../layout/containers/HorizontalyAlignedContainer'; +import CompanyChip from '../../components/chips/CompanyChip'; type Person = { fullName: string; @@ -116,7 +117,12 @@ const columns = [ name={props.row.original.fullName} picture={props.row.original.picture} href="#" - /> + > + + ), }), @@ -132,10 +138,15 @@ const columns = [ header: () => , cell: (props) => ( + > + + ), }), columnHelper.accessor('phone', { @@ -167,10 +178,15 @@ const columns = [ header: () => , cell: (props) => ( + > + + ), }), columnHelper.accessor('city', {