Contact notes: display notes as multiline text.

master
Tom Hacohen 4 years ago
parent 384e12e1ba
commit a1bdea6290

@ -127,7 +127,7 @@ class Contact extends React.PureComponent {
)); ));
const skips = ['tel', 'email', 'impp', 'adr', 'bday', 'anniversary', 'rev', const skips = ['tel', 'email', 'impp', 'adr', 'bday', 'anniversary', 'rev',
'prodid', 'uid', 'fn', 'n', 'version', 'photo']; 'prodid', 'uid', 'fn', 'n', 'version', 'photo', 'note'];
const theRest = contact.comp.getAllProperties().filter((prop) => ( const theRest = contact.comp.getAllProperties().filter((prop) => (
skips.indexOf(prop.name) === -1 skips.indexOf(prop.name) === -1
)).map((prop, idx) => { )).map((prop, idx) => {
@ -145,6 +145,20 @@ class Contact extends React.PureComponent {
return values; return values;
}); });
{
const note = contact.comp.getFirstPropertyValue('note');
const item = (
<ListItem
key="note"
insetChildren
secondaryText="note"
>
<pre style={{ wordWrap: 'break-word', whiteSpace: 'pre-wrap', overflowX: 'auto' }}>{note}</pre>
</ListItem>
);
theRest.push([item]);
}
function listIfNotEmpty(items: JSX.Element[][]) { function listIfNotEmpty(items: JSX.Element[][]) {
if (items.length > 0) { if (items.length > 0) {
return ( return (

Loading…
Cancel
Save