theforeman/foreman

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

Open

  render() {
    const { time, toggleTimeTable } = this.props;
    const minutes = time.getMinutes();
    const hours = time.getHours() % 12 || 12;

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

Open

            <tr>
              <td>
                <a
                  className="btn clock-btn decrement-hour"
                  onClick={() => this.setTime(HOUR, -1)}

• Read up
  Read up

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

Open

              <td onClick={() => toggleTimeTable(HOUR)}>
                <span className="timepicker-hour">
                  {`${hours}`.padStart(2, '0')}
                </span>
              </td>

• Read up
  Read up

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

Open

              <td onClick={() => toggleTimeTable(MINUTE)}>
                <span className="timepicker-minute">
                  {`${minutes}`.padStart(2, '0')}
                </span>
              </td>

• Read up
  Read up

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

Open

              <td onClick={() => this.setTime(MINUTE, 1)}>
                <a className="btn clock-btn increment-min">
                  <span className="glyphicon glyphicon-chevron-up" />
                </a>
              </td>

• Read up
  Read up

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

Open

              <td onClick={() => this.setTime(HOUR, 1)}>
                <a className="btn clock-btn increment-hour">
                  <span className="glyphicon glyphicon-chevron-up" />
                </a>
              </td>

• Read up
  Read up

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

Open

PickTimeClock.propTypes = {
  time: PropTypes.instanceOf(Date).isRequired,
  setSelected: PropTypes.func,
  toggleTimeTable: PropTypes.func,
};

• Read up
  Read up