FarmBot/Farmbot-Web-App

Function EnvEditor has 61 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const EnvEditor = (props: EnvEditorProps) => {
  const [newKey, setNewKey] = React.useState("");
  const [newValue, setNewValue] = React.useState("");
  const sortedFarmware = sortBy(props.farmwareEnvs, "body.id").reverse();
  return <div className={"farmware-env-editor"}>

Function FarmwareEnvRow has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const FarmwareEnvRow = (props: FarmwareEnvRowProps) => {
  const { dispatch, farmwareEnv } = props;
  const [key, setKey] = React.useState(farmwareEnv.body.key);
  const [value, setValue] = React.useState("" + farmwareEnv.body.value);
  return <Row>

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

Open

    <Col xs={ColumnWidth.value}>
      <input value={value}
        onChange={e => setValue(e.currentTarget.value)}
        onBlur={() => {
          dispatch(edit(farmwareEnv, { value }));

• Read up
  Read up

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

Open

    <Col xs={ColumnWidth.key}>
      <input value={key}
        onChange={e => setKey(e.currentTarget.value)}
        onBlur={() => {
          dispatch(edit(farmwareEnv, { key }));

• Read up
  Read up

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

Open

      <Col xs={ColumnWidth.key}>
        <input
          value={newKey}
          placeholder={t("Setting name (key)")}
          onChange={e => setNewKey(e.currentTarget.value)} />

• Read up
  Read up

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

Open

      <Col xs={ColumnWidth.value}>
        <input value={newValue}
          placeholder={t("value")}
          onChange={e => setNewValue(e.currentTarget.value)} />
      </Col>

• Read up
  Read up

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

Open

      sortedFarmware
        .filter(farmwareEnv => some(HIDDEN_PREFIXES.map(prefix =>
          farmwareEnv.body.key.startsWith(prefix))))
        .map(farmwareEnv =>
          <FarmwareEnvRow key={farmwareEnv.uuid + farmwareEnv.body.value}

• Read up
  Read up

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

Open

    {sortedFarmware
      .filter(farmwareEnv => !some(HIDDEN_PREFIXES.map(prefix =>
        farmwareEnv.body.key.startsWith(prefix))))
      .map(farmwareEnv =>
        <FarmwareEnvRow key={farmwareEnv.uuid + farmwareEnv.body.value}

• Read up
  Read up