import React, { ComponentType } from 'react';
import { Route, Redirect, RouteProps } from 'react-router-dom';
import { Location } from 'history';

import { connect } from 'app/functions';
import { getActiveAccount } from 'app/components/accounts/reducer';
import { Account } from 'app/components/accounts';

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) => ({
    account: getActiveAccount(state),
}))(PrivateRoute);