import * as React from 'react'; import { List, ListItem } from 'material-ui/List'; import Divider from 'material-ui/Divider'; import CommunicationCall from 'material-ui/svg-icons/communication/call'; import CommunicationChatBubble from 'material-ui/svg-icons/communication/chat-bubble'; import CommunicationEmail from 'material-ui/svg-icons/communication/email'; import { indigo500 } from 'material-ui/styles/colors'; import * as ICAL from 'ical.js'; export class JournalViewContact extends React.Component { props: { contact?: ICAL.Component, }; render() { if (this.props.contact === undefined) { return (
Loading
); } const contact = this.props.contact; const uid = contact.getFirstPropertyValue('uid'); const name = contact.getFirstPropertyValue('fn'); const phoneNumbers = contact.getAllProperties('tel').map((prop, idx) => { const json = prop.toJSON(); const values = prop.getValues().map((val) => ( } rightIcon={} primaryText={val} secondaryText={json[1].type} /> )); return values; }); const emails = contact.getAllProperties('email').map((prop, idx) => { const json = prop.toJSON(); const values = prop.getValues().map((val) => ( } primaryText={val} secondaryText={json[1].type} /> )); return values; }); const skips = ['tel', 'email', 'prodid', 'uid', 'fn', 'n', 'version', 'photo']; const theRest = contact.getAllProperties().filter((prop) => ( skips.indexOf(prop.name) === -1 )).map((prop, idx) => { const values = prop.getValues().map((_val) => { const val = (_val instanceof String) ? _val : _val.toString(); return ( ); }); return values; }); return (

{name} {uid}

{phoneNumbers} {emails} {theRest}
); } }