Farmbot-Web-App/frontend/farm_designer/map/layers/farmbot/index.tsx

import * as React from "react";
import { VirtualFarmBotProps } from "../../interfaces";
import { BooleanSetting } from "../../../../session_keys";
import { BotFigure } from "./bot_figure";
import { BotTrail } from "./bot_trail";
import { BotPeripherals } from "./bot_peripherals";
import { NegativePositionLabel } from "./negative_position_labels";

export function VirtualFarmBot(props: VirtualFarmBotProps) {
  const {
    mapTransformProps, plantAreaOffset, peripherals, eStopStatus, getConfigValue
  } = props;
  const displayTrail = !!getConfigValue(BooleanSetting.display_trail);
  const encoderFigure = !!getConfigValue(BooleanSetting.encoder_figure);

  return <g id="virtual-farmbot">
    <NegativePositionLabel
      position={props.botLocationData.position}
      mapTransformProps={mapTransformProps}
      plantAreaOffset={plantAreaOffset} />
    <BotPeripherals
      position={props.botLocationData.position}
      mapTransformProps={mapTransformProps}
      plantAreaOffset={plantAreaOffset}
      peripherals={peripherals}
      getConfigValue={getConfigValue} />
    <BotFigure figureName={"motor-position"}
      position={props.botLocationData.position}
      mapTransformProps={mapTransformProps}
      plantAreaOffset={plantAreaOffset}
      mountedToolName={props.mountedToolName}
      eStopStatus={eStopStatus} />
    {encoderFigure &&
      <BotFigure figureName={"encoder-position"}
        position={props.botLocationData.scaled_encoders}
        mapTransformProps={mapTransformProps}
        plantAreaOffset={plantAreaOffset} />}
    {displayTrail &&
      <BotTrail
        position={props.botLocationData.position}
        mapTransformProps={mapTransformProps}
        peripherals={peripherals} />}
  </g>;
}