import * as React from 'react'; import { Link } from 'react-router-dom'; import { List, ListItem } from 'material-ui/List'; import { EteSyncContextType } from './EteSyncContext'; import * as EteSync from './api/EteSync'; import { routeResolver } from './App'; export class JournalList extends React.Component { props: { etesync: EteSyncContextType }; state: { journals: Array, }; constructor(props: any) { super(props); this.state = { journals: [], }; } componentDidMount() { const credentials = this.props.etesync.credentials; const apiBase = this.props.etesync.serviceApiUrl; let journalManager = new EteSync.JournalManager(credentials, apiBase); journalManager.list().then((journals) => { journals = journals.filter((x) => ( // Skip shared journals for now. !x.key )); this.setState({ journals }); }); } render() { const derived = this.props.etesync.encryptionKey; const journalMap = this.state.journals.reduce( (ret, journal) => { let cryptoManager = new EteSync.CryptoManager(derived, journal.uid, journal.version); let info = journal.getInfo(cryptoManager); ret[info.type] = ret[info.type] || []; ret[info.type].push( {info.displayName} ({journal.uid.slice(0, 5)}) ); return ret; }, { CALENDAR: [], ADDRESS_BOOK: []}); return (

Address Books

{journalMap.ADDRESS_BOOK}

Calendars

{journalMap.CALENDAR}
); } }