'use strict';

import React, { useEffect } from 'react';
import Layout from './layout';
import Auth from './sections/auth';
import homePage from './sections/homePage';
import MetadataManagement from './sections/metadataManagement';
import MetadataAcquisition from './sections/metadataAcquisition';
import resourceConsumption from './sections/resourceConsumption';
import resourceRetrieval from './sections/resourceRetrieval';
const App = props => {
    const { projectName } = props

    useEffect(() => {
        document.title = projectName;
    }, [])

    return (
        <Layout
            title={projectName}
            sections={[
                homePage,
                Auth,
                MetadataManagement,
                MetadataAcquisition,
                resourceConsumption,
                resourceRetrieval]}
        />
    )

}

export default App;