|
|
|
import * as React from 'react';
|
|
|
|
|
|
|
|
import { EteSyncContextType } from './EteSyncContext';
|
|
|
|
import * as EteSync from './api/EteSync';
|
|
|
|
|
|
|
|
export class JournalView extends React.Component {
|
|
|
|
static defaultProps = {
|
|
|
|
prevUid: null,
|
|
|
|
};
|
|
|
|
|
|
|
|
state: {
|
|
|
|
entries: Array<EteSync.Entry>,
|
|
|
|
};
|
|
|
|
props: {
|
|
|
|
etesync: EteSyncContextType
|
|
|
|
match: any,
|
|
|
|
prevUid?: string | null,
|
|
|
|
};
|
|
|
|
|
|
|
|
constructor(props: any) {
|
|
|
|
super(props);
|
|
|
|
this.state = {
|
|
|
|
entries: [],
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
componentDidMount() {
|
|
|
|
const credentials = this.props.etesync.credentials;
|
|
|
|
const apiBase = this.props.etesync.serviceApiUrl;
|
|
|
|
const journal = this.props.match.params.journalUid;
|
|
|
|
|
|
|
|
let entryManager = new EteSync.EntryManager(credentials, apiBase, journal);
|
|
|
|
entryManager.list(this.props.prevUid || null).then((entries) => {
|
|
|
|
this.setState({ entries });
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
render() {
|
|
|
|
const derived = this.props.etesync.encryptionKey;
|
|
|
|
const journal = this.props.match.params.journalUid;
|
|
|
|
let prevUid = this.props.prevUid || null;
|
|
|
|
const journals = this.state.entries.map((entry) => {
|
|
|
|
// FIXME: actually get the correct version!
|
|
|
|
let cryptoManager = new EteSync.CryptoManager(derived, journal, 1);
|
|
|
|
let syncEntry = entry.getSyncEntry(cryptoManager, prevUid);
|
|
|
|
prevUid = entry.uid;
|
|
|
|
return (<li key={entry.uid}>{syncEntry.type}: {syncEntry.content}</li>);
|
|
|
|
});
|
|
|
|
|
|
|
|
return (
|
|
|
|
<div>
|
|
|
|
<ul>
|
|
|
|
{journals}
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|