class Routes extends React.Component<any, {}> {
  public componentDidMount () {
    console.log(this.props);
  }

  public render () {
    return (
      <ConnectedRouter history={this.props.history}>
        <Switch>
          <AppRoute exact path={MAIN} component={Account} layout={MainLayout} />
          <AppRoute exact path="/create/account" component={CreateAccount} layout={AuthLayout} />
          <AppRoute exact path="/account/details" component={Details} layout={MainLayout} />
          <AppRoute exact path="/account/exportpk" component={ExportPK} layout={MainLayout} needAuth />
          <AppRoute exact path="/account/send" component={Send} layout={MainLayout} />
          <AppRoute exact path="/account/edit/:id" component={EditAccount} layout={MainLayout} />
          <AppRoute exact path="/account/assign" component={Assign} layout={MainLayout} />

          <AppRoute exact path="/wallets/create" component={CreateWallet} layout={MainLayout} />

          <AppRoute exact path="/settings" component={Settings} layout={MainLayout} />

          <AppRoute exact path="/profiles" component={Profiles} layout={MainLayout} />
          <AppRoute exact path="/profiles/:id/qrcode" component={ProfileQRCode} layout={MainLayout} needAuth />
          <AppRoute exact path="/profiles/:id/export" component={ProfileExport} layout={MainLayout} />
          <AppRoute exact path="/profiles/import" component={ImportProfile} layout={MainLayout} />
          <AppRoute exact path="/profiles/import" component={ImportProfile} layout={MainLayout} />
          <AppRoute exact path={PROFILE_CREATE} component={CreateProfile} layout={EmptyLayout} />

          <AppRoute exact path={LOGIN} component={Login} layout={AuthLayout} />
          <AppRoute exact path={LOADING} component={Loading} layout={EmptyLayout} />
          <AppRoute exact path={INTRODUCTION} component={Introduction} layout={EmptyLayout} />
        </Switch>
      </ConnectedRouter>
    );
  }
}

const AppRoute = ({ component: Component, layout: Layout, needAuth = false, ...rest }) => (
  <Route
    {...rest}
    render={props => (
      <Layout needAuth={needAuth}>
        <Component {...props} />
      </Layout>
    )}
  />
);

// export default Routes;
export default connect()(Routes);