diff --git a/front/src/pages/people/People.tsx b/front/src/pages/people/People.tsx index cf38c32ea..38fc1d979 100644 --- a/front/src/pages/people/People.tsx +++ b/front/src/pages/people/People.tsx @@ -14,9 +14,11 @@ import { createColumnHelper } from '@tanstack/react-table'; import styled from '@emotion/styled'; import CellLink from '../../components/cell-link/CellLink'; import TableHeader from '../../components/table/TableHeader'; +import personPlaceholder from './placeholder.png'; type Person = { fullName: string; + picture?: string; email: string; company: Company; phone: string; @@ -37,6 +39,7 @@ const StyledPeopleContainer = styled.div` const defaultData: Array = [ { fullName: 'Alexandre Prot', + picture: personPlaceholder, email: 'alexandre@qonto.com', company: { id: 1, name: 'Qonto', logo: 'https://qonto.eu/logo.png' }, phone: '06 12 34 56 78', @@ -46,6 +49,7 @@ const defaultData: Array = [ }, { fullName: 'Alexandre Prot', + picture: personPlaceholder, email: 'alexandre@qonto.com', company: { id: 1, name: 'Qonto', logo: 'https://qonto.eu/logo.png' }, phone: '06 12 34 56 78', @@ -55,6 +59,7 @@ const defaultData: Array = [ }, { fullName: 'Alexandre Prot', + picture: personPlaceholder, email: 'alexandre@qonto.com', company: { id: 1, name: 'Qonto', logo: 'https://qonto.eu/logo.png' }, phone: '06 12 34 56 78', @@ -64,6 +69,7 @@ const defaultData: Array = [ }, { fullName: 'Alexandre Prot', + picture: personPlaceholder, email: 'alexandre@qonto.com', company: { id: 1, name: 'Qonto', logo: 'https://qonto.eu/logo.png' }, phone: '06 12 34 56 78', @@ -73,6 +79,7 @@ const defaultData: Array = [ }, { fullName: 'Alexandre Prot', + picture: personPlaceholder, email: 'alexandre@qonto.com', company: { id: 1, name: 'Qonto', logo: 'https://qonto.eu/logo.png' }, phone: '06 12 34 56 78', diff --git a/front/src/pages/people/placeholder.png b/front/src/pages/people/placeholder.png new file mode 100644 index 000000000..8beb87a11 Binary files /dev/null and b/front/src/pages/people/placeholder.png differ