FarmBot/Farmbot-Web-App

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

Open

  render() {
    const panelName = "designer-sequence-list";
    const panelState = this.props.sequencesPanelState;
    const buttonProps = Path.inDesigner()
      ? {

Function FeaturedSequenceListItem has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const FeaturedSequenceListItem = (props: FeaturedSequenceListItemProps) => {
  const { item } = props;
  const [importing, setImporting] = React.useState(false);
  const [descriptionOpen, setDescriptionOpen] = React.useState(false);
  return <li className={"sequence-list-item"}>

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

Open

    <button
      className={"fb-button green"}
      title={t("Create subfolder")}
      onClick={e => {
        e.stopPropagation();

• Read up
  Read up

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

Open

    <button
      className={"fb-button green"}
      title={t("add new sequence")}
      onClick={e => {
        e.stopPropagation();

• Read up
  Read up

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

Open

  toggleAllFolders = () => {
    toggleAll(this.state.toggleDirection);
    this.setState({ toggleDirection: !this.state.toggleDirection });
  };

• Read up
  Read up

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

Open

    axios.get(API.current.featuredSequencesPath)
      .then(response => this.setState({ featuredList: response.data }));

• Read up
  Read up

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

Open

  toggleSection = (key: keyof SequencesPanelState) => () =>
    this.props.dispatch({
      type: Actions.TOGGLE_SEQUENCES_PANEL_OPTION,
      payload: key,
    });

• Read up
  Read up