<commit_before>import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import Waypoint from 'react-waypoint';
import Header from 'components/header';
import Intro from 'components/intro';
import AnchorNav from 'components/anchor-nav';
import ModalMetadata from 'components/modal-metadata';
import Sticky from 'react-stickynode';
import cx from 'classnames';
import { updateUrlHash } from 'utils/navigation';

import anchorNavRegularTheme from 'styles/themes/anchor-nav/anchor-nav-regular.scss';
import layout from 'styles/layout.scss';
import styles from './sectors-agriculture-styles';

class SectorsAgriculture extends PureComponent {
  // eslint-disable-line react/prefer-stateless-function
  render() {
    const {
      route,
      anchorLinks,
      setActiveSection,
      location,
      history,
      percentageEmission
    } = this.props;
    const percentageEmissionText =
      (percentageEmission && `, producing ${percentageEmission} of all emissions`) || '';

    return (
      <div>
        <Header route={route}>
          <div className={cx(layout.content, styles.headerContent)}>
            <div className="grid-column-item">
              <Intro
                title="Agriculture"
                description={`Agriculture is the second-largest contributor to global greenhouse gas emissions${percentageEmissionText}. This page shows you where emissions come from (including direct and indirect emissions), what actions countries have proposed in their NDCs and resources for more action.`}
              />
            </div>
          </div>
          <Sticky activeClass="sticky -sectors-agriculture" top="#navBarMobile">
            <AnchorNav
              links={anchorLinks}
              theme={anchorNavRegularTheme}
              gradientColor={route.headerColor}
              className={styles.anchorNav}
            />
          </Sticky>
        </Header>
        {route.sections &&
          route.sections.length > 0 &&
          route.sections.map(section => (
            <Waypoint
              bottomOffset={'40%'}
              topOffset={'40%'}
              onEnter={() => {
                setActiveSection(section.hash);
                history.replace(updateUrlHash(location, section.hash));
              }}
              fireOnRapidScroll={false}
              key={section.hash}
            >
              <div className={styles.sectionComponent}>
                <div id={section.hash} className={styles.sectionHash} />
                <section.component />
                <ModalMetadata /><commit_msg>Update intro text from Agriculture<commit_after>import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import Waypoint from 'react-waypoint';
import Header from 'components/header';
import Intro from 'components/intro';
import AnchorNav from 'components/anchor-nav';
import ModalMetadata from 'components/modal-metadata';
import Sticky from 'react-stickynode';
import cx from 'classnames';
import { updateUrlHash } from 'utils/navigation';

import anchorNavRegularTheme from 'styles/themes/anchor-nav/anchor-nav-regular.scss';
import layout from 'styles/layout.scss';
import styles from './sectors-agriculture-styles';

class SectorsAgriculture extends PureComponent {
  // eslint-disable-line react/prefer-stateless-function
  render() {
    const {
      route,
      anchorLinks,
      setActiveSection,
      location,
      history,
      percentageEmission
    } = this.props;
    const percentageEmissionText =
      (percentageEmission &&
        `, producing ${percentageEmission} of all emissions`) ||
      '';

    return (
      <div>
        <Header route={route}>
          <div className={cx(layout.content, styles.headerContent)}>
            <div className="grid-column-item">
              <Intro
                title="Agriculture"
                description={`Agriculture is the second-largest contributor to global greenhouse gas emissions after the energy sector (including transport)${percentageEmissionText}. This page shows you where emissions come from (including direct and indirect emissions), what actions countries have proposed in their NDCs and resources for more action.`}
              />
            </div>
          </div>
          <Sticky activeClass="sticky -sectors-agriculture" top="#navBarMobile">
            <AnchorNav
              links={anchorLinks}
              theme={anchorNavRegularTheme}
              gradientColor={route.headerColor}
              className={styles.anchorNav}
            />
          </Sticky>
        </Header>
        {route.sections &&
          route.sections.length > 0 &&
          route.sections.map(section => (
            <Waypoint
              bottomOffset={'40%'}
              topOffset={'40%'}
              onEnter={() => {
                setActiveSection(section.hash);
                history.replace(updateUrlHash(location, section.hash));
              }}
              fireOnRapidScroll={false}
              key={section.hash}
            >
              <div className={styles.sectionComponent}>
                <div id={section.hash} className={styles.sectionHash} />
                <section.component />
                <ModalMetadata />
{'fraction_non_alphanumeric': 0.10436107408112741, 'fraction_numerical': 0.0019043991620643686, 'mean_word_length': 2.3559105431309906, 'pattern_counts': {'":': 0, '<': 35, '<?xml version=': 0, '>': 41, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2146666', 'n_tokens_mistral': 1334, 'n_tokens_neox': 1289, 'n_words': 322}