diff --git a/front/src/components/table/CellLink.tsx b/front/src/components/table/CellLink.tsx index 9073de59b..18c29a249 100644 --- a/front/src/components/table/CellLink.tsx +++ b/front/src/components/table/CellLink.tsx @@ -10,17 +10,20 @@ type OwnProps = { const StyledContainer = styled.span` background-color: ${(props) => props.theme.tertiaryBackground}; - border-radius: 4px; + border-radius: ${(props) => props.theme.spacing(1)}; color: ${(props) => props.theme.text80}; display: inline-flex; align-items: center; - padding: 4px 8px 4px 4px; - gap: 4px; + padding: ${(props) => props.theme.spacing(1)}; + gap: ${(props) => props.theme.spacing(1)}; + + :hover { + filter: brightness(95%); + } img { - height: 1rem; - width: 1rem; - border-radius: 0.5rem; + height: 14px; + width: 14px; object-fit: cover; } `; diff --git a/front/src/interfaces/company.interface.ts b/front/src/interfaces/company.interface.ts index 05e76c2a9..c5eba718f 100644 --- a/front/src/interfaces/company.interface.ts +++ b/front/src/interfaces/company.interface.ts @@ -1,5 +1,5 @@ export interface Company { id: number; name: string; - logo: string; + domain: string; } diff --git a/front/src/pages/people/People.tsx b/front/src/pages/people/People.tsx index 3135ce971..fc6831b42 100644 --- a/front/src/pages/people/People.tsx +++ b/front/src/pages/people/People.tsx @@ -48,7 +48,7 @@ const defaultData: Array = [ fullName: 'Alexandre Prot', picture: personPlaceholder, email: 'alexandre@qonto.com', - company: { id: 1, name: 'Qonto', logo: 'https://qonto.eu/logo.png' }, + company: { id: 1, name: 'Qonto', domain: 'qonto.com' }, phone: '06 12 34 56 78', creationDate: new Date('Feb 23, 2018'), pipe: { id: 1, name: 'Sales Pipeline', icon: 'faUser' }, @@ -59,7 +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' }, + company: { id: 2, name: 'LinkedIn', domain: 'linkedin.com' }, phone: '06 12 34 56 78', creationDate: new Date('Feb 23, 2018'), pipe: { id: 1, name: 'Sales Pipeline', icon: 'faUser' }, @@ -70,7 +70,7 @@ const defaultData: Array = [ fullName: 'Alexandre Prot', picture: personPlaceholder, email: 'alexandre@qonto.com', - company: { id: 1, name: 'Qonto', logo: 'https://qonto.eu/logo.png' }, + company: { id: 1, name: 'Qonto', domain: 'qonto.com' }, phone: '06 12 34 56 78', creationDate: new Date('Feb 23, 2018'), pipe: { id: 1, name: 'Sales Pipeline', icon: 'faUser' }, @@ -81,7 +81,7 @@ const defaultData: Array = [ fullName: 'Alexandre Prot', picture: personPlaceholder, email: 'alexandre@qonto.com', - company: { id: 1, name: 'Qonto', logo: 'https://qonto.eu/logo.png' }, + company: { id: 1, name: 'Slack', domain: 'slack.com' }, phone: '06 12 34 56 78', creationDate: new Date('Feb 23, 2018'), pipe: { id: 1, name: 'Sales Pipeline', icon: 'faUser' }, @@ -92,7 +92,7 @@ const defaultData: Array = [ fullName: 'Alexandre Prot', picture: personPlaceholder, email: 'alexandre@qonto.com', - company: { id: 1, name: 'Qonto', logo: 'https://qonto.eu/logo.png' }, + company: { id: 2, name: 'Facebook', domain: 'facebook.com' }, phone: '06 12 34 56 78', creationDate: new Date('Feb 23, 2018'), pipe: { id: 1, name: 'Sales Pipeline', icon: 'faUser' }, @@ -133,7 +133,7 @@ const columns = [ cell: (props) => ( ),