// @flow
import React, { Component } from 'react';
import { Redirect } from 'react-router-dom';
import authFlow from 'services/authFlow';
type ComponentProps = {
component: any,
routerProps: Object,
};
export default class AuthFlowRouteContents extends Component<
ComponentProps,
{
component: any,
},
> {
state: {
component: any,
} = {
component: null,
};
_isMounted = false;
componentDidMount() {
this._isMounted = true;
this.handleProps(this.props);
}
componentWillReceiveProps(nextProps: ComponentProps) {
this.handleProps(nextProps);
}
componentWillUnmount() {
this._isMounted = false;
}
render() {
return this.state.component;
}
handleProps(props: ComponentProps) {
const { routerProps } = props;
authFlow.handleRequest(
{
path: routerProps.location.pathname,
params: routerProps.match.params,
query: routerProps.location.query,
},
this.onRedirect.bind(this),
this.onRouteAllowed.bind(this, props),
);
}
onRedirect(path: string) {
if (!this._isMounted) {
return;
}
this.setState({
component: ,
});
}
onRouteAllowed(props: ComponentProps) {
const { component: Component } = props;
if (!this._isMounted) {
return;
}
this.setState({
component: ,
});
}
}