cruk-searchkit/src/components/display/help-text/CRUKSearchkitHelpText.jsx

Set of overriden and new searchkit components designed specifically for Cancer Research UK

import React from 'react';
import {
  SearchkitComponent
} from 'searchkit';

/**
 * Export our result component.
 */
export default class CRUKSearchkitHelpText extends SearchkitComponent {
  static propTypes = {
    helptext: React.PropTypes.object,
    test: React.PropTypes.bool,
  }

  render() {
    // If there are no arguments in the URL stop initial search.
    const searchOnLoad = window.location.href.split(/[&?]/).filter((v, i) => i > 0).length > 0;
    if (searchOnLoad && !this.props.test) return null;
    return (
      <div className="col-xs-12 col-sm-8 col-sm-push-2 help-text">
        { this.props.helptext || <h2>Please enter a keyword in the text box to start searching.</h2>}
      </div>
    );
  }
}