PageNavigation.js

import React from 'react';
import PagesList from './components/PagesList';
import LoadingStore from '../../../stores/LoadingStore';
import NavigationActions from 'handlers/AppHandler/NavigationActions';
import PageNavigationStore from '../stores/PageNavigationStore';
import PageNavigationActions from '../actions/PageNavigationActions';
import StoreObserver from 'utilities/StoreObserver';
import Title from 'components/Title';
import css from './PageNavigationHandler.css';
import Style from 'utilities/Style';



@Style(css)
@StoreObserver(PageNavigationStore)
class PageNavigationHandler extends React.Component {

  componentWillMount() {
    PageNavigationActions.load();
  }

  componentDidMount() {
    NavigationActions.setCardsSectionActive();
  }

  render() {
    if (PageNavigationStore.loaded()) {
      var pages = PageNavigationStore.get().pages;
      return (
        <div>
          <Title>Reports</Title>
          <PagesList pages={pages} />
        </div>
      );
    } else {
      return null;
    }
  }
};


export default PageNavigationHandler;