import React, { Component } from 'react';
import Helmet from 'react-helmet';
import { RouteComponentProps, withRouter } from 'react-router-dom';
import Header from './Header';
import Container from './Container';
import Footer from './Footer';

interface Props extends RouteComponentProps { }
interface State { }

class AppRoot extends Component<Props, State> {

    componentDidUpdate(prevProps: Props) {
        if (this.props.location !== prevProps.location) {
            window.scrollTo(0, 0);
        }
    }

    render() {
        return (
            <>
                <Helmet>
                    <title>Pupil Platform</title>
                </Helmet>
                <Header />
                <Container />
                <Footer />
            </>
        );
    }
}

export default withRouter(AppRoot);