KarrLab/datanator_frontend

Function render has 33 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const results = this.state.results;
    const numResults = this.state.numResults;
    const pageSize = this.props["page-size"];
    const numMore = Math.min(pageSize, numResults - pageSize * this.pageCount);

Function fetchResults has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  fetchResults() {
    const url = this.props["get-results-url"](
      this.query,
      this.pageCount,
      this.props["page-size"]

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  fetchResults() {
    const url = this.props["get-results-url"](
      this.query,
      this.pageCount,
      this.props["page-size"]

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      <div
        className="content-container-search-results-scene content-block section"
        id={this.props["html-anchor-id"]}
      >
        {results == null && <div className="loader"></div>}

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  componentDidMount() {
    this.setState({ locationPathname: this.props.history.location.pathname });
    this.unlistenToHistory = this.props.history.listen((location) => {
      if (location.pathname !== this.state.locationPathname) {
        this.setState({ locationPathname: location.pathname });

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  formatResult(result, iResult) {
    return (
      <li key={this.pageCount * this.props["page-size"] + iResult}>
        <div className="search-result-title">
          <Link to={result.route}>{result.title}</Link>

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  updateStateFromLocation() {
    if (this.unlistenToHistory) {
      const route = parseHistoryLocationPathname(this.props.history);
      this.query = route.query;
      this.organism = route.organism;

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  updateResults(newUnformattedResults) {
    const newResults = newUnformattedResults.results.map(this.formatResult);
    let results;
    if (this.results == null) {
      results = newResults;

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  constructor(props) {
    super(props);

    this.unlistenToHistory = null;
    this.cancelTokenSource = null;

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  static propTypes = {
    history: PropTypes.object.isRequired,
    "get-results-url": PropTypes.func.isRequired,
    "format-results": PropTypes.func.isRequired,
    "html-anchor-id": PropTypes.string.isRequired,

• Read up
  Read up

Identical blocks of code found in 3 locations. Consider refactoring.

Open

  componentWillUnmount() {
    this.unlistenToHistory();
    this.unlistenToHistory = null;
    if (this.cancelTokenSource) {
      this.cancelTokenSource.cancel();

• Read up
  Read up