accounts-frontend/packages/app/containers/PrivateRoute.tsx

30 lines
836 B
TypeScript
Raw Normal View History

2019-12-07 16:58:52 +05:30
import React, { ComponentType } from 'react';
import { Route, Redirect, RouteProps } from 'react-router-dom';
import { Location } from 'history';
import { connect } from 'react-redux';
import { getActiveAccount } from 'app/components/accounts/reducer';
import { Account } from 'app/components/accounts';
import { RootState } from 'app/reducers';
2019-12-07 16:58:52 +05:30
interface Props extends RouteProps {
component: ComponentType<any>;
account: Account | null;
}
const PrivateRoute = ({ account, component: Component, ...rest }: Props) => (
<Route
{...rest}
render={(props: { location: Location }) =>
!account || !account.token ? (
<Redirect to="/login" />
) : (
<Component {...props} />
)
}
/>
);
export default connect((state: RootState) => ({
account: getActiveAccount(state),
}))(PrivateRoute);