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.

100 lines
2.6 KiB
TypeScript

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)) {
nextProps.journals.value.forEach((journal) => {
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 (<LoadingIndicator />);
}
return (
<Switch>
<Route
path={routeResolver.getRoute('home')}
exact={true}
render={({match}) => (
<Redirect to={routeResolver.getRoute('pim')} />
)}
/>
<Route
path={routeResolver.getRoute('pim')}
render={({match, history}) => (
<Pim
etesync={this.props.etesync}
journals={journals}
entries={this.props.entries}
match={match}
history={history}
/>
)}
/>
<Route
path={routeResolver.getRoute('journals._id')}
render={({match}) => (
<Journal etesync={this.props.etesync} journals={journals} entries={this.props.entries} match={match} />
)}
/>
</Switch>
);
}
}
const mapStateToProps = (state: StoreState, props: PropsType) => {
return {
journals: state.cache.journals,
entries: state.cache.entries,
};
};
export default withRouter(connect(
mapStateToProps
)(SyncGate));