import React, { Component } from 'react'; import { connect } from 'react-redux'; import { resetAuth } from 'app/components/auth/actions'; import { withRouter } from 'react-router-dom'; import { FormattedMessage as Message } from 'react-intl'; import { Route, Link, Switch } from 'react-router-dom'; import Helmet from 'react-helmet'; import clsx from 'clsx'; import AuthPage from 'app/pages/auth/AuthPage'; import ProfilePage from 'app/pages/profile/ProfilePage'; import RulesPage from 'app/pages/rules/RulesPage'; import DevPage from 'app/pages/dev/DevPage'; import PageNotFound from 'app/pages/404/PageNotFound'; import { ScrollIntoView } from 'app/components/ui/scroll'; import PrivateRoute from 'app/containers/PrivateRoute'; import AuthFlowRoute from 'app/containers/AuthFlowRoute'; import Userbar from 'app/components/userbar/Userbar'; import PopupStack from 'app/components/ui/popup/PopupStack'; import loader from 'app/services/loader'; import { getActiveAccount } from 'app/components/accounts/reducer'; import { User } from 'app/components/user'; import { Account } from 'app/components/accounts/reducer'; import { RootState } from 'app/reducers'; import styles from './root.scss'; import messages from './RootPage.intl.json'; class RootPage extends Component<{ account: Account | null; user: User; isPopupActive: boolean; onLogoClick: (event: React.MouseEvent) => void; location: { pathname: string; }; }> { componentDidMount() { this.onPageUpdate(); } componentDidUpdate() { this.onPageUpdate(); } onPageUpdate() { loader.hide(); } render() { const { props } = this; const { user, account, isPopupActive, onLogoClick } = this.props; const isRegisterPage = props.location.pathname === '/register'; if (document && document.body) { document.body.style.overflow = isPopupActive ? 'hidden' : ''; } return (

); } } export default withRouter( connect( (state: RootState) => ({ user: state.user, account: getActiveAccount(state), isPopupActive: state.popup.popups.length > 0, }), { onLogoClick: resetAuth, }, )(RootPage), );