import * as React from 'react';
import { connect } from 'react-redux';
import { Route, Switch, Redirect, withRouter } from 'react-router';
import { routeResolver } from './App';
import LoadingIndicator from './LoadingIndicator';
import Journal from './Journal';
import Pim from './Pim';
import { store, JournalsType, EntriesType, fetchJournals, fetchEntries, StoreState, CredentialsData } from './store';
interface PropsType {
etesync: CredentialsData;
}
interface PropsTypeInner extends PropsType {
journals: JournalsType;
entries: EntriesType;
}
class SyncGate extends React.PureComponent {
props: PropsTypeInner;
constructor(props: any) {
super(props);
}
componentDidMount() {
store.dispatch(fetchJournals(this.props.etesync));
}
componentWillReceiveProps(nextProps: PropsTypeInner) {
if (nextProps.journals.value && (this.props.journals.value !== nextProps.journals.value)) {
for (const journal of nextProps.journals.value) {
let prevUid: string | null = null;
const entries = this.props.entries.get(journal.uid);
if (entries && entries.value) {
const last = entries.value.last();
prevUid = (last) ? last.uid : null;
}
store.dispatch(fetchEntries(this.props.etesync, journal.uid, prevUid));
}
}
}
render() {
const entryArrays = this.props.entries;
const journals = this.props.journals.value;
if ((journals === null) ||
(entryArrays.size === 0) || !entryArrays.every((x: any) => (x.value !== null))) {
return ();
}
return (
(
)}
/>
(
)}
/>
(
)}
/>
);
}
}
const mapStateToProps = (state: StoreState, props: PropsType) => {
return {
journals: state.cache.journals,
entries: state.cache.entries,
};
};
export default withRouter(connect(
mapStateToProps
)(SyncGate));