diff --git a/src/components/Contact.tsx b/src/components/Contact.tsx index ca8212c..db08b27 100644 --- a/src/components/Contact.tsx +++ b/src/components/Contact.tsx @@ -15,7 +15,7 @@ import CopyIcon from '../icons/Copy'; import PimItemHeader from './PimItemHeader'; import { ContactType } from '../pim-types'; -import { IconButton } from '@material-ui/core'; +import { IconButton, Avatar } from '@material-ui/core'; class Contact extends React.PureComponent { public props: { @@ -162,9 +162,11 @@ class Contact extends React.PureComponent { } } + const contactImageSrc = contact.comp.getFirstProperty('photo')?.getFirstValue(); + return (
- + )}> {lastModified && ( {lastModified} )} diff --git a/src/components/PimItemHeader.tsx b/src/components/PimItemHeader.tsx index 9eb2cc9..f33fbed 100644 --- a/src/components/PimItemHeader.tsx +++ b/src/components/PimItemHeader.tsx @@ -6,7 +6,7 @@ import Color from 'color'; import { Theme, withTheme } from '@material-ui/core/styles'; -export default withTheme((props: {text: string, backgroundColor?: string, children?: any, theme: Theme}) => { +export default withTheme((props: {text: string, backgroundColor?: string, children?: any, rightItem?: React.ReactNode, theme: Theme}) => { const backgroundColor = props.backgroundColor ?? props.theme.palette.secondary.main; const foregroundColor = props.theme.palette.getContrastText(Color(backgroundColor).rgb().string()); const style = { @@ -14,6 +14,8 @@ export default withTheme((props: {text: string, backgroundColor?: string, childr backgroundColor, color: foregroundColor, padding: 15, + display: 'flex', + justifyContent: 'space-between', }, headerText: { marginTop: 10, @@ -23,8 +25,11 @@ export default withTheme((props: {text: string, backgroundColor?: string, childr return (
-

{props.text}

- {props.children} +
+

{props.text}

+ {props.children} +
+ {props.rightItem}
); });