<commit_before>import PropTypes from 'prop-types';
import React from 'react';
import { Helmet } from 'react-helmet';
import { FormattedMessage, injectIntl } from 'react-intl';
import { Grid, Row, Col } from 'react-flexbox-grid/lib';
import ExplorerMarketingFeatureList from './home/ExplorerMarketingFeatureList';
import messages from '../../resources/messages';

const localMessages = {
  aboutTitle: { id: 'about.title', defaultMessage: 'About Explorer' },
  aboutText: { id: 'about.text', defaultMessage: 'Explore our media tools!' },
};

const About = (props) => {
  const title = props.intl.formatMessage(localMessages.aboutTitle);
  return (
    <div className="about">
      <Grid>
        <Helmet><title>{title}</title></Helmet>
        <Row>
          <Col lg={12}>
            <h1><FormattedMessage {...localMessages.aboutTitle} /></h1>
          </Col>
          <Row>
            <Col lg={12}>
              <p className="subtitle"><FormattedMessage {...messages.explorerToolDescription} /></p>
            </Col>
          </Row>
        </Row>
      </Grid>
      <ExplorerMarketingFeatureList />
    </div>
  );
};


About.propTypes = {
  // from context
  intl: PropTypes.object.isRequired,
};

export default
  injectIntl(
    About
  );
<commit_msg>#1222 need to escape or encode the asterisk for explorer...<commit_after>import PropTypes from 'prop-types';
import React from 'react';
import { Helmet } from 'react-helmet';
import { FormattedMessage, injectIntl } from 'react-intl';
import { Grid, Row, Col } from 'react-flexbox-grid/lib';
import ExplorerMarketingFeatureList from './home/ExplorerMarketingFeatureList';
import messages from '../../resources/messages';
import AppButton from '../common/AppButton';
import { urlToExplorer } from '../../lib/urlUtil';

const localMessages = {
  aboutTitle: { id: 'about.title', defaultMessage: 'About Explorer' },
  aboutText: { id: 'about.text', defaultMessage: 'Explore our media tools!' },
};

const About = (props) => {
  const title = props.intl.formatMessage(localMessages.aboutTitle);
  return (
    <div className="about">
      <Grid>
        <Helmet><title>{title}</title></Helmet>
        <Row>
          <Col lg={12}>
            <h1><FormattedMessage {...localMessages.aboutTitle} /></h1>
          </Col>
          <Row>
            <Col lg={12}>
              <p className="subtitle"><FormattedMessage {...messages.explorerToolDescription} /></p>
            </Col>
          </Row>
        </Row>
      </Grid>
      <Grid>
        <Row>
          <Col lg={10} md={10} sm={10} />
          <Col m={2} lg={2}>
            <AppButton color="primary" primary onTouchTap={() => { window.location = urlToExplorer('queries/search?q="*"'); }}>
              <FormattedMessage {...messages.tryItNow} />
            </AppButton>
          </Col>
        </Row>
      </Grid>
      <ExplorerMarketingFeatureList />
    </div>
  );
};


About.propTypes = {
  // from context
  intl: PropTypes.object.isRequired,
};

export default
  injectIntl(
    About
  );

{'fraction_non_alphanumeric': 0.16011885110597557, 'fraction_numerical': 0.007923407065037967, 'mean_word_length': 2.6816524908869988, 'pattern_counts': {'":': 0, '<': 59, '<?xml version=': 0, '>': 62, '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': '7036967', 'n_tokens_mistral': 938, 'n_tokens_neox': 917, 'n_words': 212}