GladysProject/Gladys

File ActionCard.jsx has 415 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { h } from 'preact';
import { Text } from 'preact-i18n';
import cx from 'classnames';
import { useRef } from 'preact/hooks';
import { useDrag, useDrop } from 'react-dnd';

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

Open

const ACTION_ICON = {
  [ACTIONS.LIGHT.TURN_ON]: 'fe fe-toggle-right',
  [ACTIONS.LIGHT.TURN_OFF]: 'fe fe-toggle-left',
  [ACTIONS.LIGHT.TOGGLE]: 'fe fe-shuffle',
  [ACTIONS.LIGHT.BLINK]: 'fe fe-star',

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.CONDITION.ONLY_CONTINUE_IF && (
            <OnlyContinueIfParams
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.HTTP.REQUEST && (
            <HttpRequest
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.DEVICE.SET_VALUE && (
            <DeviceSetValue
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.AI.ASK && (
            <AskAI
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.SCENE.START && (
            <StartSceneParams
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.MESSAGE.SEND_CAMERA && (
            <SendMessageCameraParams
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.MQTT.SEND && (
            <SendMqttMessage
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.MUSIC.PLAY_NOTIFICATION && (
            <PlayNotification
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.MESSAGE.SEND && (
            <SendMessageParams
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

  const [{ isActive }, drop] = useDrop({
    accept: ACTION_CARD_TYPE,
    collect: monitor => ({
      isActive: monitor.canDrop() && monitor.isOver()
    }),

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.CALENDAR.IS_EVENT_RUNNING && (
            <CalendarIsEventRunning
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.DEVICE.GET_VALUE && (
            <DeviceGetValueParams
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.CONDITION.CHECK_TIME && (
            <CheckTime
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

  const [{ isDragging }, drag, preview] = useDrag(() => ({
    type: ACTION_CARD_TYPE,
    item: () => {
      return { x, y };
    },

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.SWITCH.TURN_OFF && (
            <TurnOnOffSwitchParams
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.USER.SET_SEEN_AT_HOME && (
            <UserPresence
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.LIGHT.TOGGLE && (
            <TurnOnOffLightParams
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.USER.SET_OUT_OF_HOME && (
            <UserPresence
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.LIGHT.TURN_ON && (
            <TurnOnOffLightParams
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.HOUSE.IS_NOT_EMPTY && (
            <HouseEmptyOrNotCondition
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.HOUSE.IS_EMPTY && (
            <HouseEmptyOrNotCondition
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.LIGHT.BLINK && (
            <BlinkLightParams
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.SWITCH.TOGGLE && (
            <TurnOnOffSwitchParams
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.EDF_TEMPO.CONDITION && (
            <EdfTempoCondition
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.TIME.DELAY && (
            <DelayActionParams
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.LIGHT.TURN_OFF && (
            <TurnOnOffLightParams
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.ECOWATT.CONDITION && (
            <EcowattCondition
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.SWITCH.TURN_ON && (
            <TurnOnOffSwitchParams
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.ALARM.SET_ALARM_MODE && (
            <SetAlarmMode
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.USER.CHECK_PRESENCE && (
            <CheckUserPresence
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

          {props.action.type === ACTIONS.ALARM.CHECK_ALARM_MODE && (
            <CheckAlarmMode
              action={props.action}
              columnIndex={props.columnIndex}
              index={props.index}

• Read up
  Read up

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

Open

          props.action.type === ACTIONS.MESSAGE.SEND ||
          props.action.type === ACTIONS.CALENDAR.IS_EVENT_RUNNING ||
          props.action.type === ACTIONS.MQTT.SEND ||

• Read up
  Read up

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

Open

          props.action.type !== ACTIONS.CONDITION.ONLY_CONTINUE_IF &&
          props.action.type !== ACTIONS.MESSAGE.SEND &&
          props.action.type !== ACTIONS.CALENDAR.IS_EVENT_RUNNING

• Read up
  Read up