@eohjsc/react-native-smart-city 0.5.5 → 0.5.7-rc1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@eohjsc/react-native-smart-city",
   "title": "React Native Smart Home",
-  "version": "0.5.5",
+  "version": "0.5.7-rc1",
   "description": "TODO",
   "main": "index.js",
   "files": [
@@ -161,6 +161,7 @@
     "react-native-bootsplash": "^2.2.5",
     "react-native-calendars": "^1.1266.0",
     "react-native-chart-kit": "^6.5.0",
+    "react-native-charts-wrapper": "^0.6.0",
     "react-native-credit-card-input": "^0.4.1",
     "react-native-crypto-aes-cbc": "^1.1.1",
     "react-native-dash": "^0.0.11",

package/src/commons/ActionGroup/OnOffTemplate/OnOffButtonTemplate.js

@@ -4,11 +4,19 @@ import React, { memo, useMemo } from 'react';
 import { TouchableOpacity, View } from 'react-native';
 import { Colors } from '../../../configs';
 import styles from './OnOffButtonTemplateStyle';
-import { AccessibilityLabel } from '../../../configs/Constants';
+import { AccessibilityLabel, BUTTON_TYPE } from '../../../configs/Constants';
 import IconComponent from '../../IconComponent';
 
 const OnOffButtonTemplate = memo(
-  ({ isOn, triggerAction, actionGroup = {}, isLight = false, item }) => {
+  ({
+    isOn,
+    triggerAction,
+    triggerOnAction,
+    triggerOffAction,
+    actionGroup = {},
+    isLight = false,
+    item,
+  }) => {
     const {
       icon_on,
       icon_off,
@@ -16,7 +24,9 @@ const OnOffButtonTemplate = memo(
       icon_kit_off_data,
       text_on,
       text_off,
+      button_type,
     } = actionGroup;
+
     const icon = useMemo(() => {
       if (isOn) {
         return icon_kit_on_data?.icon || icon_on;
@@ -24,12 +34,26 @@ const OnOffButtonTemplate = memo(
       return icon_kit_off_data?.icon || icon_off;
     }, [isOn, icon_on, icon_off, icon_kit_on_data, icon_kit_off_data]);
 
+    const attrs = useMemo(() => {
+      if (button_type === BUTTON_TYPE.PUSH_BUTTON) {
+        return {
+          onPressIn: triggerOnAction,
+          onPressOut: triggerOffAction,
+          activeOpacity: 0.7,
+        };
+      } else {
+        return {
+          onPress: triggerAction,
+        };
+      }
+    }, [button_type, triggerAction, triggerOffAction, triggerOnAction]);
+
     return (
       <>
         <View style={styles.barrierControlContainer}>
           <TouchableOpacity
             style={styles.bigCircle}
-            onPress={triggerAction}
+            {...attrs}
             accessibilityLabel={`${AccessibilityLabel.ON_OFF_BUTTON}-${item?.id}`}
           >
             <View style={styles.smallCircle}>

package/src/commons/ActionGroup/OnOffTemplate/index.js

@@ -50,40 +50,53 @@ const OnOffTemplate = memo(({ item = {}, doAction, sensor = {} }) => {
 
   const [isOn, setIsOn] = useState(false);
 
+  const realTrigger = useCallback(
+    async (action_data, config_value) => {
+      if (!action_data) {
+        return;
+      }
+      let data;
+      if (
+        allow_config_store_value &&
+        config &&
+        device_type !== DEVICE_TYPE.GOOGLE_HOME
+      ) {
+        data = {
+          config_id: config,
+          config_value: config_value,
+        };
+      }
+      await doAction(action_data, data);
+      if (
+        is_managed_by_backend &&
+        config &&
+        device_type === DEVICE_TYPE.LG_THINQ
+      ) {
+        watchMultiConfigs([config]);
+      }
+    },
+    [
+      allow_config_store_value,
+      config,
+      device_type,
+      doAction,
+      is_managed_by_backend,
+    ]
+  );
+
   const triggerAction = useCallback(async () => {
     const action_data = isOn ? action_off_data : action_on_data;
-    if (!action_data) {
-      return;
-    }
-    let data;
-    if (
-      allow_config_store_value &&
-      config &&
-      device_type !== DEVICE_TYPE.GOOGLE_HOME
-    ) {
-      data = {
-        config_id: config,
-        config_value: isOn ? 0 : 1,
-      };
-    }
-    await doAction(action_data, data);
-    if (
-      is_managed_by_backend &&
-      config &&
-      device_type === DEVICE_TYPE.LG_THINQ
-    ) {
-      watchMultiConfigs([config]);
-    }
-  }, [
-    isOn,
-    action_off_data,
-    action_on_data,
-    allow_config_store_value,
-    config,
-    device_type,
-    doAction,
-    is_managed_by_backend,
-  ]);
+    const config_value = isOn ? 0 : 1;
+    realTrigger(action_data, config_value);
+  }, [isOn, action_off_data, action_on_data, realTrigger]);
+
+  const triggerOnAction = useCallback(async () => {
+    realTrigger(action_on_data, 1);
+  }, [action_on_data, realTrigger]);
+
+  const triggerOffAction = useCallback(async () => {
+    realTrigger(action_off_data, 0);
+  }, [action_off_data, realTrigger]);
 
   useUnwatchLGDeviceConfigControl(sensor, [config]);
 
@@ -100,6 +113,8 @@ const OnOffTemplate = memo(({ item = {}, doAction, sensor = {} }) => {
       <Component
         isOn={isOn}
         triggerAction={triggerAction}
+        triggerOnAction={triggerOnAction}
+        triggerOffAction={triggerOffAction}
         actionGroup={configuration}
         disabled={!action_on_data && !action_off_data}
         item={item}

package/src/commons/ActionGroup/__test__/index.test.js

@@ -11,7 +11,7 @@ import moment from 'moment';
 
 import ActionGroup from '..';
 import Text from '../../Text';
-import { AccessibilityLabel } from '../../../configs/Constants';
+import { AccessibilityLabel, BUTTON_TYPE } from '../../../configs/Constants';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import { Slider } from '@miblanchard/react-native-slider';
@@ -347,6 +347,45 @@ describe('Test ActionGroup', () => {
     expect(mockDoAction).toHaveBeenCalledTimes(1);
   });
 
+  it('render ActionGroup on_off_button_action_template button type push button', async () => {
+    const mockDoAction = jest.fn();
+    const actionGroup = {
+      template: 'on_off_button_action_template',
+      configuration: {
+        action_on_data: 'action_on_data',
+        action_off_data: 'action_off_data',
+        icon_on: 'caret-up',
+        text_on: 'ON',
+        icon_off: 'caret-up',
+        text_off: 'OFF',
+        button_type: BUTTON_TYPE.PUSH_BUTTON,
+      },
+      title: 'Power',
+    };
+    await act(async () => {
+      wrapper = renderer.create(
+        wrapComponent(actionGroup, mockDoAction, sensor)
+      );
+    });
+    const instance = wrapper.root;
+    const buttons = instance.findAllByType(TouchableOpacity);
+    expect(buttons.length).toEqual(1);
+    await act(async () => {
+      buttons[0].props.onPressIn();
+    });
+    expect(mockDoAction).toHaveBeenCalledWith(
+      actionGroup.configuration.action_on_data,
+      undefined
+    );
+    await act(async () => {
+      buttons[0].props.onPressOut();
+    });
+    expect(mockDoAction).toHaveBeenCalledWith(
+      actionGroup.configuration.action_off_data,
+      undefined
+    );
+  });
+
   it('render ActionGroup NumberUpDownActionTemplate watch config value null', async () => {
     const mockDoAction = jest.fn();
     const actionGroup = {

package/src/commons/ActionTemplate/OnOffButtonAction.js

@@ -30,7 +30,10 @@ const OnOffButtonAction = ({ title, configuration, onPress, template }) => {
 
   return (
     <>
-      <TouchableOpacity onPress={onPressActionOn}>
+      <TouchableOpacity
+        onPress={onPressActionOn}
+        accessibilityLabel={AccessibilityLabel.ON_BUTTON}
+      >
         <Text
           type="H4"
           style={styles.textWithLine}
@@ -39,7 +42,10 @@ const OnOffButtonAction = ({ title, configuration, onPress, template }) => {
           {title} {text_on}
         </Text>
       </TouchableOpacity>
-      <TouchableOpacity onPress={onPressActionOff}>
+      <TouchableOpacity
+        onPress={onPressActionOff}
+        accessibilityLabel={AccessibilityLabel.OFF_BUTTON}
+      >
         <Text
           type="H4"
           style={styles.textWithLine}

package/src/commons/ActionTemplate/OneButtonAction.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { TouchableOpacity } from 'react-native';
 import Text from '../Text';
 import styles from './OneButtonActionStyles';
+import AccessibilityLabel from '../../configs/AccessibilityLabel';
 
 const OneButtonAction = ({ configuration, onPress, template }) => {
   const { text, action } = configuration;
@@ -16,7 +17,10 @@ const OneButtonAction = ({ configuration, onPress, template }) => {
 
   return (
     <>
-      <TouchableOpacity onPress={onPressAction}>
+      <TouchableOpacity
+        onPress={onPressAction}
+        accessibilityLabel={AccessibilityLabel.ONE_BUTTON}
+      >
         <Text type="H4" style={styles.textWithLine}>
           {text}
         </Text>

package/src/configs/API.js

@@ -97,6 +97,12 @@ const API = {
       `/property_manager/automate/${automateId}/script_action/${actionId}/`,
     DELETE_SCRIPT_ITEM: (automateId, itemId) =>
       `/property_manager/automate/${automateId}/script_item/${itemId}/`,
+    UPDATE_SCRIPT_DELAY: (automateId) =>
+      `/property_manager/automate/${automateId}/update_script_delay/`,
+    UPDATE_SCRIPT_NOTIFY: (automateId) =>
+      `/property_manager/automate/${automateId}/update_script_notify/`,
+    UPDATE_SCRIPT_ACTION: (automateId) =>
+      `/property_manager/automate/${automateId}/update_script_action/`,
     ADD_SCRIPT_ACTION: (id) =>
       `/property_manager/automate/${id}/add_script_action/`,
     ADD_SCRIPT_NOTIFY: (id) =>

package/src/configs/AccessibilityLabel.js

@@ -287,6 +287,9 @@ export default {
   BUTTON_TEMPLATE_3: 'BUTTON_TEMPLATE_3',
   TEXT_DOOR_LOOK_ON_OFF: 'TEXT_DOOR_LOOK_ON_OFF',
   BUTTON_ON_OFF: 'BUTTON_ON_OFF',
+  ONE_BUTTON: 'ONE_BUTTON',
+  ON_BUTTON: 'ON_BUTTON',
+  OFF_BUTTON: 'OFF_BUTTON',
 
   //  Device Detail
   DEVICE_DETAIL_MEDIA_PLAYER: 'DEVICE_DETAIL_MEDIA_PLAYER',
@@ -681,6 +684,10 @@ export default {
   BUTTON_CANCEL_EDIT_ACTION_LIST: 'BUTTON_CANCEL_EDIT_ACTION_LIST',
   BUTTON_SAVE_EDIT_ACTION_LIST: 'BUTTON_SAVE_EDIT_ACTION_LIST',
   BUTTON_REMOVE_EDIT_ACTION_LIST: 'BUTTON_REMOVE_EDIT_ACTION_LIST',
+  BUTTON_UPDATE_SCRIPT_ITEM: 'BUTTON_UPDATE_SCRIPT_ITEM',
+  SCRIPT_ITEM: 'SCRIPT_ITEM',
+  MODAL_CUSTOM: 'MODAL_CUSTOM',
+  BUTTON_UPDATE: 'BUTTON_UPDATE',
   // GATEWAY
   LIST_GATEWAY: 'LIST_GATEWAY',
   GATEWAY_INFO_ALERT: 'GATEWAY_INFO_ALERT',

package/src/configs/Constants.js

@@ -272,3 +272,8 @@ export const CHART_GROUP_TYPE = {
   MONTH: 'month',
   YEAR: 'year',
 };
+
+export const BUTTON_TYPE = {
+  TOGGLE_BUTTON: 'toggle_button',
+  PUSH_BUTTON: 'push_button',
+};

package/src/navigations/UnitStack.js

@@ -68,6 +68,7 @@ import ValueChangeName from '../screens/Automate/ValueChange/ValueChangeName';
 import AddAutomationTypeSmart from '../screens/Automate/AddNewAutoSmart/AddAutomationTypeSmart';
 import SetupScriptNotify from '../screens/Automate/AddNewAction/SetupScriptNotify';
 import SetupScriptDelay from '../screens/Automate/AddNewAction/SetupScriptDelay';
+import UpdateActionScript from '../screens/Automate/EditActionsList/UpdateActionScript';
 
 const Stack = createStackNavigator();
 
@@ -487,6 +488,11 @@ export const UnitStack = memo((props) => {
         component={ChooseAction}
         options={{ headerShown: false }}
       />
+      <Stack.Screen
+        name={Route.UpdateActionScript}
+        component={UpdateActionScript}
+        options={{ headerShown: false }}
+      />
       <Stack.Screen
         name={Route.SetSchedule}
         component={SetSchedule}

package/src/screens/Automate/AddNewAction/ChooseAction.js

@@ -3,100 +3,13 @@ import { View } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
 
 import { useTranslations } from '../../../hooks/Common/useTranslations';
-import ActionTemplate from '../../../commons/ActionTemplate';
-import NumberUpDownActionTemplate from '../../../commons/OneTapTemplate/NumberUpDownActionTemplate';
-import OptionsDropdownActionTemplate from '../../../commons/OneTapTemplate/OptionsDropdownActionTemplate';
-import StatesGridActionTemplate from '../../../commons/OneTapTemplate/StatesGridActionTemplate';
 import { axiosGet, axiosPost } from '../../../utils/Apis/axios';
 import { API } from '../../../configs';
 import Routes from '../../../utils/Route';
 import NewActionWrapper from './NewActionWrapper';
 import moment from 'moment';
 import { ToastBottomHelper } from '../../../utils/Utils';
-import TextBoxActionTemplate from '../../../commons/OneTapTemplate/TextBoxActionTemplate';
-import SliderRangeActionTemplate from '../../../commons/OneTapTemplate/SliderRangeActionTemplate';
-import TerminalBoxActionTemplate from '../../../commons/OneTapTemplate/TerminalBoxActionTemplate';
-
-const RenderActionItem = ({ device, item, handleOnSelectAction, index, t }) => {
-  item.index = index;
-  switch (item.template) {
-    case 'on_off_button_action_template':
-    case 'one_button_action_template':
-    case 'three_button_action_template':
-    case 'OnOffSimpleActionTemplate':
-    case 'curtain_action_template':
-    case 'OnOffSmartLockActionTemplate':
-    case 'switch_button_action_template':
-      return (
-        <ActionTemplate
-          device={device}
-          item={item}
-          onSelectAction={handleOnSelectAction}
-        />
-      );
-    case 'OptionsDropdownActionTemplate':
-      return (
-        <OptionsDropdownActionTemplate
-          key={item.id}
-          device={device}
-          item={item}
-          onSelectAction={handleOnSelectAction}
-        />
-      );
-    case 'NumberUpDownActionTemplate':
-      return (
-        <NumberUpDownActionTemplate
-          key={item.id}
-          device={device}
-          item={item}
-          onSelectAction={handleOnSelectAction}
-        />
-      );
-    case 'StatesGridActionTemplate':
-      return (
-        <StatesGridActionTemplate
-          key={item.id}
-          device={device}
-          item={item}
-          onSelectAction={handleOnSelectAction}
-        />
-      );
-    case 'slider_range_template':
-      return (
-        <SliderRangeActionTemplate
-          key={item.id}
-          device={device}
-          item={item}
-          onSelectAction={handleOnSelectAction}
-        />
-      );
-    case 'TextBoxTemplate':
-      return (
-        <TextBoxActionTemplate
-          key={item.id}
-          device={device}
-          item={item}
-          onSelectAction={handleOnSelectAction}
-        />
-      );
-    case 'TerminalBoxTemplate':
-      return (
-        <TerminalBoxActionTemplate
-          key={item.id}
-          device={device}
-          item={item}
-          onSelectAction={handleOnSelectAction}
-        />
-      );
-    default:
-      ToastBottomHelper.error(
-        t('template_not_supported', { template: item.template }),
-        '',
-        3000
-      );
-      return null;
-  }
-};
+import RenderActionItem from './RenderActionItem';
 
 const ChooseAction = ({ route }) => {
   const t = useTranslations();
@@ -171,7 +84,6 @@ const ChooseAction = ({ route }) => {
       canNext={actions.length}
       onNext={onSave}
       nextTitle={t('save')}
-      title={t('choose_action')}
       name={t('set_up {name}', { name: device?.name })}
     >
       <View>

package/src/screens/Automate/AddNewAction/NewActionWrapper.js

@@ -8,9 +8,16 @@ import { Colors } from '../../../configs';
 import { useNavigation, useRoute } from '@react-navigation/native';
 import BottomButtonView from '../../../commons/BottomButtonView';
 import { AccessibilityLabel } from '../../../configs/Constants';
-import { HeaderCustom } from '../../../commons';
+import { FullLoading, HeaderCustom } from '../../../commons';
 
-const NewActionWrapper = ({ name, children, canNext, onNext, nextTitle }) => {
+const NewActionWrapper = ({
+  name,
+  children,
+  canNext,
+  onNext,
+  nextTitle,
+  showLoading,
+}) => {
   const hasNext =
     canNext !== undefined || onNext !== undefined || nextTitle !== undefined;
   const { navigate } = useNavigation();
@@ -43,6 +50,7 @@ const NewActionWrapper = ({ name, children, canNext, onNext, nextTitle }) => {
         isShowSeparator
         wrapTitleStyle={styles.wrapTitleStyle}
       />
+      {showLoading && <FullLoading />}
       <KeyboardAwareScrollView contentContainerStyle={styles.scroll}>
         {children}
       </KeyboardAwareScrollView>

package/src/screens/Automate/AddNewAction/RenderActionItem.js

@@ -0,0 +1,92 @@
+import React, { memo } from 'react';
+import OptionsDropdownActionTemplate from '../../../commons/OneTapTemplate/OptionsDropdownActionTemplate';
+import NumberUpDownActionTemplate from '../../../commons/OneTapTemplate/NumberUpDownActionTemplate';
+import StatesGridActionTemplate from '../../../commons/OneTapTemplate/StatesGridActionTemplate';
+import SliderRangeActionTemplate from '../../../commons/OneTapTemplate/SliderRangeActionTemplate';
+import TextBoxActionTemplate from '../../../commons/OneTapTemplate/TextBoxActionTemplate';
+import TerminalBoxActionTemplate from '../../../commons/OneTapTemplate/TerminalBoxActionTemplate';
+import { ToastBottomHelper } from '../../../utils/Utils';
+import ActionTemplate from '../../../commons/ActionTemplate';
+
+const RenderActionItem = ({ device, item, handleOnSelectAction, index, t }) => {
+  item.index = index;
+  switch (item.template) {
+    case 'on_off_button_action_template':
+    case 'one_button_action_template':
+    case 'three_button_action_template':
+    case 'OnOffSimpleActionTemplate':
+    case 'curtain_action_template':
+    case 'OnOffSmartLockActionTemplate':
+    case 'switch_button_action_template':
+      return (
+        <ActionTemplate
+          device={device}
+          item={item}
+          onSelectAction={handleOnSelectAction}
+        />
+      );
+    case 'OptionsDropdownActionTemplate':
+      return (
+        <OptionsDropdownActionTemplate
+          key={item.id}
+          device={device}
+          item={item}
+          onSelectAction={handleOnSelectAction}
+        />
+      );
+    case 'NumberUpDownActionTemplate':
+      return (
+        <NumberUpDownActionTemplate
+          key={item.id}
+          device={device}
+          item={item}
+          onSelectAction={handleOnSelectAction}
+        />
+      );
+    case 'StatesGridActionTemplate':
+      return (
+        <StatesGridActionTemplate
+          key={item.id}
+          device={device}
+          item={item}
+          onSelectAction={handleOnSelectAction}
+        />
+      );
+    case 'slider_range_template':
+      return (
+        <SliderRangeActionTemplate
+          key={item.id}
+          device={device}
+          item={item}
+          onSelectAction={handleOnSelectAction}
+        />
+      );
+    case 'TextBoxTemplate':
+      return (
+        <TextBoxActionTemplate
+          key={item.id}
+          device={device}
+          item={item}
+          onSelectAction={handleOnSelectAction}
+        />
+      );
+    case 'TerminalBoxTemplate':
+      return (
+        <TerminalBoxActionTemplate
+          key={item.id}
+          device={device}
+          item={item}
+          onSelectAction={handleOnSelectAction}
+        />
+      );
+    default:
+      ToastBottomHelper.error(
+        t('template_not_supported', { template: item.template }),
+        '',
+        3000
+      );
+      return null;
+  }
+};
+
+export default memo(RenderActionItem);

package/src/screens/Automate/AddNewAction/SetupConfigCondition.js

@@ -17,11 +17,10 @@ import Routes from '../../../utils/Route';
 import ModalCustom from '../../../commons/Modal/ModalCustom';
 import { ToastBottomHelper } from '../../../utils/Utils';
 
-const valueEvaluationToOptions = (valueEvaluation, config, t) => {
+const valueEvaluationToOptions = (valueEvaluation) => {
   if (valueEvaluation.template === 'range') {
     return valueEvaluation.configuration.ranges.map((range, index) => ({
-      // eslint-disable-next-line max-len
-      title: `${range.evaluate?.text} (${range.start} ${range.start_condition} "${config.name}" ${range.end_condition} ${range.end})`,
+      title: range.evaluate?.text,
       condition: 'value_evaluation',
       value: [valueEvaluation.id, index],
     }));
@@ -29,12 +28,12 @@ const valueEvaluationToOptions = (valueEvaluation, config, t) => {
   if (valueEvaluation.template === 'boolean') {
     return [
       {
-        title: `${valueEvaluation.configuration?.off?.text}  ("${config.name}" = 0)`,
+        title: valueEvaluation.configuration?.off?.text,
         condition: 'value_evaluation',
         value: [valueEvaluation.id, 0],
       },
       {
-        title: `${valueEvaluation.configuration?.on?.text}  ("${config.name}" = 1)`,
+        title: valueEvaluation.configuration?.on?.text,
         condition: 'value_evaluation',
         value: [valueEvaluation.id, 1],
       },
@@ -70,15 +69,17 @@ const SetupConfigCondition = () => {
     if (config?.value_evaluations?.length) {
       const options = [];
       config.value_evaluations.forEach((valueEvaluation) => {
-        options.push(...valueEvaluationToOptions(valueEvaluation, config, t));
+        options.push(...valueEvaluationToOptions(valueEvaluation));
       });
       return options;
     }
 
     return [];
-  }, [config, t]);
+  }, [config?.value_evaluations]);
+
   const setupCustomCondition = () => {
     setSelectedCondition('custom');
+    automate.value = null;
     setIsShowModal(true);
   };
 
@@ -92,6 +93,13 @@ const SetupConfigCondition = () => {
     });
   };
 
+  const resetCustomizeCondition = () => {
+    automate.condition = null;
+    automate.value = null;
+    setCustomCondition(undefined);
+    setIsShowModal(false);
+  };
+
   return (
     <NewActionWrapper name={t('set_up {name}', { name: config?.name })}>
       <View style={styles.boxDevices}>
@@ -121,7 +129,7 @@ const SetupConfigCondition = () => {
         </GridItem>
       </View>
       <ModalCustom
-        onBackdropPress={() => setIsShowModal(false)}
+        onBackdropPress={() => resetCustomizeCondition()}
         isVisible={isShowModal}
         style={styles.modal}
       >
@@ -145,7 +153,7 @@ const SetupConfigCondition = () => {
               );
             })}
           </List>
-          <List renderHeader={t('value')}>
+          <List renderHeader={t('value')} style={styles.inputValue}>
             <InputItem
               keyboardType="decimal-pad"
               type="number"
@@ -160,8 +168,12 @@ const SetupConfigCondition = () => {
           <AntButton
             type={'primary'}
             onPress={() => {
-              if (!automate.value) {
-                ToastBottomHelper.error(t('please_enter_a_number'));
+              if (
+                !automate.value ||
+                automate.condition === 'value_evaluation'
+              ) {
+                ToastBottomHelper.error(t('please_enter_a_number'), '', 3000);
+                return;
               }
               setIsShowModal(false);
               navigate(Routes.ValueChangeName, { automate, closeScreen });

package/src/screens/Automate/AddNewAction/SetupScriptDelay.js

@@ -21,7 +21,7 @@ const SetupScriptDelay = ({ route }) => {
   const { id: automateId } = automate;
   const [delay, setDelay] = useState();
 
-  const onChangeTitle = (value) => {
+  const onChangeDelay = (value) => {
     setDelay(value);
   };
 
@@ -63,7 +63,7 @@ const SetupScriptDelay = ({ route }) => {
             keyboardType="numeric"
             textInputStyle={styles.inputNumber}
             value={delay}
-            onChange={onChangeTitle}
+            onChange={onChangeDelay}
             maxLength={4}
             accessibilityLabel={AccessibilityLabel.AUTOMATE_INPUT_DELAY}
             autoFocus