/** @jsx React.DOM */

App.Components.Main = React.createClass({
  render: function () {
    return (
      <div>
        <div className="l-header">
          <App.Components.Header />
          <App.Components.Navigation active={this.props.page.props.key} />
        </div>

        {this.props.page}

        <App.Components.Footer />
      </div>
    );
  }
});

/** @jsx React.DOM */

App.Components.Main = React.createClass({
  render: function () {
    return (
      <div>
        <div className="l-header">
          <App.Components.Header />
          {this.renderNavigation()}
        </div>

        {this.props.page}

        <App.Components.Footer />
      </div>
    );
  },

  renderNavigation: function() {
    if (!App.currentUser.superUser) {
      return <App.Components.Navigation active={this.props.page.props.key} />;
    }
  }
});

Make the navigation bar conditional
Make the navigation bar conditional

Only render the navigation bar when the current user is a super user.