cnap-cobre/synapse

import Breadcrumb from 'react-bootstrap/lib/Breadcrumb';
import path from 'path';
import PropTypes from 'prop-types';
import React from 'react';
import './breadcrumbs.css';
 
 
export default class FileBreadcrumbs extends React.Component {
  static propTypes = {
    systemName: PropTypes.string.isRequired,
    prefix: PropTypes.string.isRequired,
    pathname: PropTypes.string.isRequired,
    crumbComponent: PropTypes.oneOfType([
      PropTypes.func,
      PropTypes.object,
    ]).isRequired,
  };
 
  getPath() {
    return this.props.pathname.slice(
      this.props.prefix.length,
    ).split('/').slice(1).slice(0, -1);
  }
 
Function `render` has 31 lines of code (exceeds 25 allowed). Consider refactoring.
  render() {
    const breadcrumbs = [
      this.props.systemName,
      ...this.getPath(),
    ].map((val, index, array) => {
      const invIndex = array.length - index - 1;
      const to = path.normalize(
        this.props.pathname + '../'.repeat(invIndex),
      );
 
      if (invIndex) {
        return (
          <li key={invIndex}>
            {(() => {
              if (typeof (this.props.crumbComponent) === 'function') {
                return (<this.props.crumbComponent to={to}>{val}</this.props.crumbComponent>);
              }
              return React.cloneElement(this.props.crumbComponent, { to, children: val });
            })()}
          </li>
        );
      }
      return (
        <Breadcrumb.Item active key={invIndex}>
          {val}
        </Breadcrumb.Item>
      );
    });
 
    return (
      <Breadcrumb style={this.props.style}>
        {breadcrumbs}
      </Breadcrumb>
    );
  }
}