You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

81 lines
2.1 KiB
TypeScript

import * as React from 'react';
import { connect } from 'react-redux';
import { withRouter } from 'react-router';
import LoadingIndicator from './LoadingIndicator';
import Main from './Main';
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.Component {
props: PropsTypeInner;
constructor(props: any) {
super(props);
this.eventClicked = this.eventClicked.bind(this);
this.contactClicked = this.contactClicked.bind(this);
}
eventClicked(contact: any) {
// FIXME
}
contactClicked(contact: any) {
// FIXME
}
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[journal.uid];
if (entries && entries.value && (entries.value.length > 0)) {
prevUid = entries.value[entries.value.length - 1].uid;
}
store.dispatch(fetchEntries(this.props.etesync, journal.uid, prevUid));
}
}
}
render() {
const entryArrays = Object.keys(this.props.entries).map((key) => {
return this.props.entries[key].value;
});
if ((this.props.journals.value === null) ||
(entryArrays.length === 0) || !entryArrays.every((x: any) => (x !== null))) {
return (<LoadingIndicator />);
}
return (
<Main etesync={this.props.etesync} journals={this.props.journals.value} entries={this.props.entries} />
);
}
}
const mapStateToProps = (state: StoreState, props: PropsType) => {
return {
journals: state.cache.journals,
entries: state.cache.entries,
};
};
export default withRouter(connect(
mapStateToProps
)(SyncGate));