ngscheurich/fresh-pots

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

Open

  render() {
    const { brew } = this.props;

    return (
      <div className="flex-1">

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

Open

export function mobileMenu() {
  const node = Selectors.component("mobile-menu");

  if (node) {
    const data = node.dataset;

• Read up
  Read up

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

Open

export function userMenu() {
  const node = Selectors.component("user-menu");

  if (node) {
    const data = node.dataset;

• Read up
  Read up

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

Open

        <rect
          x={size - minuteHandWidth / 2}
          y={size - size * minuteHandLength}
          width={minuteHandWidth}
          height={size * minuteHandLength}

• Read up
  Read up

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

Open

        <rect
          x={size - hourHandWidth / 2}
          y={size - size * hourHandLength}
          width={hourHandWidth}
          height={size * hourHandLength}

• Read up
  Read up

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

Open

  render() {
    return (
      <div>
        <button
          className="input-reset ph0 bn bg-black br-100 fixed flex items-center justify-center tc"

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

Open

  render() {
    const size = this.props.size;
    const strokeWidth = this.props.strokeWidth;
    const hourHandWidth = this.props.hourHandWidth;
    const hourHandLength = this.props.hourHandLength;

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

Open

  hourStyle() {
    return {
      transform: `rotate(${this.rotation("hour")}deg)`,
      transformOrigin: `${this.props.size}px ${this.props.size}px`
    };

• Read up
  Read up

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

Open

  minuteStyle() {
    return {
      transform: `rotate(${this.rotation("minute")}deg)`,
      transformOrigin: `${this.props.size}px ${this.props.size}px`
    };

• Read up
  Read up

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

Open

  render() {
    return (
      <div className="fr relative">
        <button
          className="input-reset ph0 bn bg-transparent pointer flex items-center dim"

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

Open

BrewMeter.propTypes = {
  colorStops: PropTypes.string.isRequired,
  timeAgo: PropTypes.string.isRequired,
  width: PropTypes.string.isRequired
};

• Read up
  Read up

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

Open

  if (node) {
    const data = JSON.parse(node.dataset.chartData);
    ReactDOM.render(<BrewTimesChart chartData={data} />, node);
  }

• Read up
  Read up

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

Open

BrewDetails.propTypes = {
  pot: PropTypes.string.isRequired,
  variety: PropTypes.string.isRequired,
  width: PropTypes.string.isRequired
};

• Read up
  Read up

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

Open

  nodes.forEach(node => {
    const data = JSON.parse(node.dataset.chartData);
    ReactDOM.render(<BrewDoughnutChart chartData={data} />, node);
  });

• Read up
  Read up

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

Open

UserMenu.propTypes = {
  avatar: PropTypes.string.isRequired,
  showUrl: PropTypes.string.isRequired,
  editUrl: PropTypes.string.isRequired
};

• Read up
  Read up

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

Open

MobileMenu.propTypes = {
  avatar: PropTypes.string.isRequired,
  showUrl: PropTypes.string.isRequired,
  editUrl: PropTypes.string.isRequired
};

• Read up
  Read up