@eohjsc/react-native-smart-city 0.3.4 → 0.3.7

package/src/screens/Device/components/SensorDisplayItem.js

@@ -5,6 +5,7 @@ import { Card } from '../../../commons/CardShadow';
 import { TESTID } from '../../../configs/Constants';
 import { useTranslations } from '../../../hooks/Common/useTranslations';
 import { DetailHistoryChart } from './DetailHistoryChart';
+import { sendRemoteCommand } from '../../../iot/RemoteControl';
 import CurrentRainSensor from '../../../commons/Device/RainningSensor/CurrentRainSensor';
 import PMSensorIndicatior from '../../../commons/Device/PMSensor/PMSensorIndicatior';
 import Anemometer from '../../../commons/Device/WindSpeed/Anemometer';
@@ -21,7 +22,6 @@ import SmartIr from '../../../screens/SmartIr';
 import { standardizeCameraScreenSize } from '../../../utils/Utils';
 import { Device } from '../../../configs';
 import { useSCContextSelector } from '../../../context';
-import { useRemoteControl } from '../../../hooks/IoT';
 
 const { standardizeWidth, standardizeHeight } = standardizeCameraScreenSize(
   Device.screenWidth - 32
@@ -40,14 +40,11 @@ export const SensorDisplayItem = ({
 }) => {
   const t = useTranslations();
   const userId = useSCContextSelector((state) => state.auth.account.user.id);
-
-  const sendRemoteCommand = useRemoteControl();
-
   const doAction = useCallback(
     (action, data, actionName) => {
       sendRemoteCommand(sensor, action, data, userId, actionName);
     },
-    [sensor, userId, sendRemoteCommand]
+    [sensor, userId]
   );
   if (item.configuration.type === 'compass') {
     setShowWindDirection(true);

package/src/screens/Device/detail.js

@@ -12,7 +12,7 @@ import { get } from 'lodash';
 import { useSelector } from 'react-redux';
 import { IconFill, IconOutline } from '@ant-design/icons-react-native';
 import { Icon } from '@ant-design/react-native';
-import Routes from '../../utils/Route';
+
 import { useCountUp } from './hooks/useCountUp';
 import { getData as getLocalData } from '../../utils/Storage';
 import { API, Colors } from '../../configs';
@@ -32,19 +32,15 @@ import {
 import { useFavoriteDevice } from './hooks/useFavoriteDevice';
 import BottomButtonView from '../../commons/BottomButtonView';
 import Text from '../../commons/Text';
+import { transformDatetime } from '../../utils/Converter/time';
 import { AlertAction, ButtonPopup, MenuActionMore } from '../../commons';
 import { TESTID } from '../../configs/Constants';
-
+import Routes from '../../utils/Route';
 import { usePopover } from '../../hooks/Common';
 import { useConfigGlobalState } from '../../iot/states';
 import { useNavigation } from '@react-navigation/native';
 import styles from './styles';
-import {
-  useIsOwnerOfUnit,
-  useBoolean,
-  useGGHomeDeviceConnected,
-} from '../../hooks/Common';
-import { useGGHomeConnection } from '../../hooks/IoT';
+import { useIsOwnerOfUnit, useBoolean } from '../../hooks/Common';
 import { SensorDisplayItem } from './components/SensorDisplayItem';
 import { useSCContextSelector } from '../../context';
 import { EmergencyCountdown } from './components/EmergencyCountdown';
@@ -52,7 +48,6 @@ import { SensorConnectStatusViewHeader } from './components/SensorConnectStatusV
 import { useDisconnectedDevice } from './hooks/useDisconnectedDevice';
 import { Card } from '../../commons/CardShadow';
 import PreventAccess from '../../commons/PreventAccess';
-import { notImplemented } from '../../utils/Utils';
 
 const DeviceDetail = ({ route }) => {
   const t = useTranslations();
@@ -71,7 +66,8 @@ const DeviceDetail = ({ route }) => {
   // eslint-disable-next-line no-unused-vars
   const [configValues, setConfigValues] = useConfigGlobalState('configValues');
 
-  const { unitData, unitId, sensorData, sensorId } = route.params;
+  const { unitData, unitId, sensorData, sensorId, isGGHomeConnected } =
+    route.params;
   const [unit, setUnit] = useState(unitData || { id: unitId });
   const [sensor, setSensor] = useState(sensorData || { id: sensorId });
   const [station, setStation] = useState(sensor?.station);
@@ -86,14 +82,13 @@ const DeviceDetail = ({ route }) => {
     displayTemplate: true,
   });
   const [serverDown, setServerDown] = useState(false);
-  const [sideMenu, setSideMenu] = useState([]);
+
   const isNetworkConnected = useSCContextSelector(
     (state) => state.app.isNetworkConnected
   );
   const isBluetoothEnabled = useSCContextSelector((state) => {
     return state.app.isBluetoothEnabled;
   });
-  const { isConnected: isGGHomeConnected } = useGGHomeDeviceConnected(sensor);
 
   const isDeviceConnectedViaBle = useMemo(
     () =>
@@ -136,8 +131,10 @@ const DeviceDetail = ({ route }) => {
     [display.items]
   );
 
-  const { isFavorite, addToFavorites, removeFromFavorites } =
-    useFavoriteDevice(sensor);
+  const { isFavorite, addToFavorites, removeFromFavorites } = useFavoriteDevice(
+    unit,
+    sensor
+  );
 
   const currentUserId = useSelector((state) =>
     get(state, 'auth.account.user.id', 0)
@@ -162,24 +159,9 @@ const DeviceDetail = ({ route }) => {
     }
   }, [fetchUnitDetail, unitId, unitData]);
 
-  const { connectGoogleHome } = useGGHomeConnection();
-
-  useEffect(() => {
-    if (
-      unit.remote_control_options &&
-      unit.remote_control_options.googlehome?.length &&
-      isNetworkConnected
-    ) {
-      (async () => {
-        await connectGoogleHome(unit.remote_control_options.googlehome);
-      })();
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [unit, isNetworkConnected]);
-
   const fetchSensorDetail = useCallback(async () => {
     const { success, data, resp_status } = await axiosGet(
-      API.DEVICE.SENSOR_DETAIL(sensorId)
+      API.SENSOR.SENSOR_DETAIL(sensorId)
     );
     if (success) {
       setSensor(data);
@@ -205,20 +187,19 @@ const DeviceDetail = ({ route }) => {
     }
 
     const { success, data } = await axiosGet(
-      API.DEVICE.DISPLAY(sensor?.id),
+      API.SENSOR.DISPLAY(sensor?.id),
       {},
       true
     );
-
     if (success) {
       setDisplay(data);
       setServerDown(false);
       if (data.items.length) {
         const config = data.items[0].configuration;
-        if (Object.prototype.hasOwnProperty.call(config, 'max_value')) {
+        if (config.hasOwnProperty('max_value')) {
           setMaxValue(config.max_value);
         }
-        if (Object.prototype.hasOwnProperty.call(config, 'device')) {
+        if (config.hasOwnProperty('device')) {
           // for emergency
           setDeviceId(config.device.id);
           const last_event = config.device.last_event;
@@ -229,14 +210,11 @@ const DeviceDetail = ({ route }) => {
           }
         }
       }
-      if (data?.side_menu_items?.length) {
-        setSideMenu(data.side_menu_items);
-      }
     }
     setLoading((preState) => ({ ...preState, displayTemplate: false }));
 
     const controlResult = await axiosGet(
-      API.DEVICE.REMOTE_CONTROL_OPTIONS(sensor?.id),
+      API.SENSOR.REMOTE_CONTROL_OPTIONS(sensor?.id),
       {},
       true
     );
@@ -327,19 +305,6 @@ const DeviceDetail = ({ route }) => {
         text: t('activity_log'),
       });
     }
-
-    sideMenu.forEach((el) => {
-      menuItems.push({
-        route: Routes.SideMenuDetail,
-        data: {
-          unit,
-          sensor,
-          side_menu: el,
-        },
-        text: el.name,
-      });
-    });
-
     menuItems.push({
       route: Routes.DeviceInfo,
       text: t('device_info'),
@@ -356,13 +321,6 @@ const DeviceDetail = ({ route }) => {
         text: t('auto_lock'),
       });
     }
-    menuItems.push({
-      route: Routes.SmartLockStack,
-      data: {
-        screen: Routes.SetupGeneratePasscode,
-      },
-      text: t('setup_generate_passcode'),
-    });
     if (isOwner && isShowSetUpSmartLock) {
       menuItems.push({
         route: Routes.SmartLockStack,
@@ -403,7 +361,6 @@ const DeviceDetail = ({ route }) => {
     sensor,
     unit,
     sensorName,
-    sideMenu,
     station,
     emergencyDeviceId,
     addToFavorites,
@@ -413,7 +370,7 @@ const DeviceDetail = ({ route }) => {
   const { countUpStr } = useCountUp(lastEvent.reportedAt);
 
   useEffect(() => {
-    if (controlOptions?.bluetooth) {
+    if (controlOptions.bluetooth) {
       const bluetooth = controlOptions.bluetooth;
       scanBluetoothDevices([bluetooth.address]);
     }
@@ -425,17 +382,8 @@ const DeviceDetail = ({ route }) => {
 
   const onRefresh = useCallback(() => {
     fetchDataDeviceDetail();
-    if (
-      unit.remote_control_options &&
-      unit.remote_control_options.googlehome?.length &&
-      isNetworkConnected
-    ) {
-      (async () => {
-        await connectGoogleHome(unit.remote_control_options.googlehome);
-      })();
-    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [sensor, unit, isNetworkConnected, fetchDataDeviceDetail]);
+  }, [sensor, fetchDataDeviceDetail]);
 
   const getData = useCallback(
     (item) => {
@@ -462,7 +410,6 @@ const DeviceDetail = ({ route }) => {
       if (item.type !== 'value') {
         return;
       }
-
       if (!item.configuration) {
         return;
       }
@@ -480,7 +427,7 @@ const DeviceDetail = ({ route }) => {
 
     const fetchValues = async () => {
       const { success, data, resp_status } = await axiosGet(
-        API.DEVICE.DISPLAY_VALUES_V2(sensor?.id),
+        API.SENSOR.DISPLAY_VALUES_V2(sensor?.id),
         {
           params: params,
         }
@@ -488,10 +435,7 @@ const DeviceDetail = ({ route }) => {
       if (success) {
         setDisplayValues(data.configs);
         setConnected(data.is_connected);
-        data.last_updated = data.last_updated
-          ? moment(data.last_updated)
-          : data.last_updated;
-
+        transformDatetime(data, ['last_updated']);
         setLastUpdated(data.last_updated);
       } else if (resp_status >= 500) {
         setServerDown(true);
@@ -511,7 +455,7 @@ const DeviceDetail = ({ route }) => {
   useEffect(() => {
     setDisplayValues((currentDisplayValues) => {
       for (const [configId, value] of Object.entries(configValues)) {
-        const intId = parseInt(configId, 10);
+        const intId = parseInt(configId);
         const index = currentDisplayValues.findIndex(
           (element) => element.id === intId
         );
@@ -635,12 +579,12 @@ const DeviceDetail = ({ route }) => {
 
   const getDataFromLocal = async () => {
     const displayData = await getLocalData(
-      `@CACHE_REQUEST_${API.DEVICE.DISPLAY(sensor?.id)}`
+      `@CACHE_REQUEST_${API.SENSOR.DISPLAY(sensor?.id)}`
     );
     displayData && setDisplay(JSON.parse(displayData));
 
     const controlOptionData = await getLocalData(
-      `@CACHE_REQUEST_${API.DEVICE.REMOTE_CONTROL_OPTIONS(sensor?.id)}`
+      `@CACHE_REQUEST_${API.SENSOR.REMOTE_CONTROL_OPTIONS(sensor?.id)}`
     );
     controlOptionData && setControlOptions(JSON.parse(controlOptionData));
     setLoading((preState) => ({ ...preState, displayTemplate: false }));
@@ -652,7 +596,7 @@ const DeviceDetail = ({ route }) => {
     } else if (item.doAction) {
       item.doAction();
     } else {
-      notImplemented(t);
+      alert(t('feature_under_development'));
     }
   };
 

package/src/screens/Device/hooks/useDisconnectedDevice.js

@@ -47,7 +47,7 @@ export const useDisconnectedDevice = (
   );
 
   const checkNetworkConnect = useCallback(
-    async () => {
+    async (isNetworkConnected, isBluetoothEnabled, serverDown) => {
       if (!isDeviceHasBle) {
         return;
       }
@@ -72,10 +72,10 @@ export const useDisconnectedDevice = (
       }
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [isDeviceHasBle, isNetworkConnected, isBluetoothEnabled, serverDown]
+    [isDeviceHasBle]
   );
 
   useEffect(() => {
-    checkNetworkConnect();
-  }, [checkNetworkConnect]);
+    checkNetworkConnect(isNetworkConnected, isBluetoothEnabled, serverDown);
+  }, [isNetworkConnected, isBluetoothEnabled, checkNetworkConnect, serverDown]);
 };

package/src/screens/Device/hooks/useFavoriteDevice.js

@@ -4,7 +4,7 @@ import { SCContext, useSCContextSelector } from '../../../context';
 import { Action } from '../../../context/actionType';
 import { axiosPost } from '../../../utils/Apis/axios';
 
-export const useFavoriteDevice = (device) => {
+export const useFavoriteDevice = (unit, device) => {
   const { setAction } = useContext(SCContext);
   const favoriteDeviceIds = useSCContextSelector(
     (state) => state.unit.favoriteDeviceIds
@@ -14,17 +14,21 @@ export const useFavoriteDevice = (device) => {
 
   const addToFavorites = useCallback(async () => {
     const { success } = await axiosPost(
-      API.DEVICE.ADD_TO_FAVOURITES(device?.id)
+      API.SENSOR.ADD_TO_FAVOURITES(unit?.id, device?.station?.id, device?.id)
     );
     success && setAction(Action.ADD_DEVICE_TO_FAVORITES, device.id);
-  }, [device, setAction]);
+  }, [unit, device, setAction]);
 
   const removeFromFavorites = useCallback(async () => {
     const { success } = await axiosPost(
-      API.DEVICE.REMOVE_FROM_FAVOURITES(device?.id)
+      API.SENSOR.REMOVE_FROM_FAVOURITES(
+        unit?.id,
+        device?.station?.id,
+        device?.id
+      )
     );
     success && setAction(Action.REMOVE_DEVICE_FROM_FAVORITES, device.id);
-  }, [device, setAction]);
+  }, [unit, device, setAction]);
 
   return {
     isFavorite,

package/src/screens/DeviceInfo/__test__/index.test.js

@@ -7,6 +7,8 @@ import { View } from 'react-native';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 
+jest.mock('axios');
+
 jest.mock('@react-navigation/core', () => {
   return {
     ...jest.requireActual('@react-navigation/core'),

package/src/screens/EditActionsList/index.js

@@ -142,7 +142,7 @@ const EditActionsList = () => {
           data={actionsList}
           renderItem={renderItem}
           keyExtractor={(item) => `draggable-item-${item.key}`}
-          onDragEnd={({ data: dragData }) => setActionList(dragData)}
+          onDragEnd={({ data }) => setActionList(data)}
           extraData={actionsList}
           containerStyle={styles.containerStyle}
         />

package/src/screens/EmergencyContacts/EmergencyContactsSelectContacts.js

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useState } from 'react';
-import { SafeAreaView, StyleSheet, View, Platform } from 'react-native';
+import { SafeAreaView, StyleSheet, View } from 'react-native';
 import { IconOutline } from '@ant-design/icons-react-native';
 import { useNavigation } from '@react-navigation/native';
 import { useTranslations } from '../../hooks/Common/useTranslations';
@@ -71,11 +71,11 @@ export const EmergencyContactsSelectContacts = ({ route }) => {
   return (
     <SafeAreaView style={styles.container}>
       <WrapHeaderScrollable title={t('select_contacts')} loading={loading}>
-        <Section type={'border'} style={styles.section}>
+        <Section type={'border'}>
           {dataContact.map((contact, index) => (
             <RowUser
               key={contact.id.toString()}
-              testID={TESTID.EMERGENCY_SELECT_CONTACT + index}
+              testID={TESTID.EMERGENCY_SELECT_CONTACT}
               index={index}
               leftIcon={
                 <IconOutline name={'user'} size={20} color={Colors.White} />
@@ -116,9 +116,6 @@ const styles = StyleSheet.create({
     flex: 1,
     backgroundColor: Colors.Gray2,
   },
-  section: {
-    marginTop: Platform.OS === 'ios' ? 40 : 0,
-  },
   buttonRemove: {
     height: 40,
     width: 40,

package/src/screens/EmergencyContacts/__test__/EmergencyContactAddNew.test.js

@@ -2,15 +2,13 @@ import React from 'react';
 import { TextInput } from 'react-native';
 import { act, create } from 'react-test-renderer';
 import { EmergencyContactsAddNew } from '../EmergencyContactsAddNew';
-import MockAdapter from 'axios-mock-adapter';
+import axios from 'axios';
 import Toast from 'react-native-toast-message';
 import { ViewButtonBottom } from '../../../commons';
 import { TESTID } from '../../../configs/Constants';
 import { getTranslate } from '../../../utils/I18n';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
-import api from '../../../utils/Apis/axios';
-import { API } from '../../../configs';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -22,7 +20,7 @@ jest.mock('react-native-toast-message');
 
 const mockedGoBack = jest.fn();
 
-const mock = new MockAdapter(api.axiosInstance);
+jest.mock('axios');
 
 jest.mock('@react-navigation/native', () => {
   return {
@@ -107,7 +105,13 @@ describe('test EmergencyContactAddNew', () => {
   });
 
   test('onSave success', async () => {
-    mock.onPost(API.EMERGENCY_BUTTON.CREATE_CONTACT()).reply(200);
+    const response = {
+      status: 200,
+      data: {},
+    };
+    axios.post.mockImplementation(async () => {
+      return response;
+    });
 
     await act(async () => {
       tree = await create(wrapComponent(route));
@@ -123,14 +127,22 @@ describe('test EmergencyContactAddNew', () => {
   });
 
   test('onSave fail', async () => {
+    const response = {
+      data: {},
+    };
+    axios.post.mockImplementation(async () => {
+      return response;
+    });
+
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const viewButtonBottom = instance.findByType(ViewButtonBottom);
 
-    mock.onPost(API.EMERGENCY_BUTTON.CREATE_CONTACT()).reply(400);
-    await viewButtonBottom.props.onRightClick();
+    await act(async () => {
+      await viewButtonBottom.props.onRightClick();
+    });
     expect(Toast.show).toHaveBeenCalledWith({
       type: 'error',
       position: 'bottom',

package/src/screens/EmergencyContacts/__test__/EmergencyContactList.test.js

@@ -1,19 +1,13 @@
 import React from 'react';
 import { TouchableOpacity } from 'react-native';
 import { act, create } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
-
 import Routes from '../../../utils/Route';
-import { API } from '../../../configs';
 import { AlertAction } from '../../../commons';
 import { EmergencyContactsList } from '../EmergencyContactsList';
 import { TESTID } from '../../../configs/Constants';
 import { getTranslate } from '../../../utils/I18n';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
-import api from '../../../utils/Apis/axios';
-
-const mock = new MockAdapter(api.axiosInstance);
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -29,7 +23,7 @@ jest.mock('@react-navigation/native', () => {
     useNavigation: () => ({
       navigate: mockedNavigate,
     }),
-    useIsFocused: () => true,
+    useIsFocused: jest.fn(),
   };
 });
 
@@ -56,23 +50,11 @@ describe('test EmergencyContactList', () => {
     });
     const instance = tree.root;
     const alertAction = instance.findByType(AlertAction);
-    mock.onDelete(API.EMERGENCY_BUTTON.REMOVE_CONTACTS()).reply(204);
-    act(() => {
-      alertAction.props.rightButtonClick();
-    });
-    expect(alertAction.props.visible).toBe(false);
-  });
 
-  test('handleRemove failure', async () => {
-    act(() => {
-      tree = create(wrapComponent(route));
-    });
-    const instance = tree.root;
-    const alertAction = instance.findByType(AlertAction);
-    mock.onDelete(API.EMERGENCY_BUTTON.REMOVE_CONTACTS()).reply(400);
     act(() => {
       alertAction.props.rightButtonClick();
     });
+
     expect(alertAction.props.visible).toBe(false);
   });
 

package/src/screens/EmergencyContacts/__test__/EmergencyContactsSelectContacts.test.js

@@ -1,18 +1,14 @@
 import React from 'react';
 import { act, create } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
-import Toast from 'react-native-toast-message';
-
+import axios from 'axios';
 import { EmergencyContactsSelectContacts } from '../EmergencyContactsSelectContacts';
 import { TESTID } from '../../../configs/Constants';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import { API } from '../../../configs';
 import { ViewButtonBottom } from '../../../commons';
-import api from '../../../utils/Apis/axios';
-import { getTranslate } from '../../../utils/I18n';
 
-const mock = new MockAdapter(api.axiosInstance);
+jest.mock('axios');
 
 const mockedNavigate = jest.fn();
 jest.mock('@react-navigation/native', () => {
@@ -49,6 +45,7 @@ describe('test EmergencyContactsSelectContacts', () => {
       tree = create(wrapComponent(route));
     });
     const instance = tree.root;
+
     const rowUser = instance.findAllByProps(
       (item) => item.props.testID === TESTID.EMERGENCY_SELECT_CONTACT
     );
@@ -57,41 +54,32 @@ describe('test EmergencyContactsSelectContacts', () => {
 
   test('render emergencyContactsSelectContacts success', async () => {
     jest.useFakeTimers();
-    mock.onGet(API.SHARE.UNITS_MEMBERS(1, 1)).reply(200, {
-      id: 1,
-      name: 'test',
-      phone_number: 1,
-    });
-    act(() => {
-      tree = create(wrapComponent(route));
-    });
-    const instance = tree.root;
-    const rowUser = instance.findAllByProps(
-      (item) => item.props.testID === TESTID.EMERGENCY_SELECT_CONTACT + 0
-    );
-    expect(rowUser[0]).toBeDefined();
-  });
+    const response = {
+      status: 200,
+      data: {
+        data: {},
+      },
+    };
+    axios.get.mockImplementation(() => Promise.resolve(response));
 
-  test('test onSave emergencyContactsSelectContacts', async () => {
-    mock.onPost(API.EMERGENCY_BUTTON.CREATE_BATCH()).reply(200);
     act(() => {
       tree = create(wrapComponent(route));
     });
-    const instance = tree.root;
-    const viewButtonBottom = instance.findByType(ViewButtonBottom);
-    await act(async () => {
-      viewButtonBottom.props.onRightClick();
-    });
-    expect(Toast.show).toBeCalledWith({
-      type: 'success',
-      position: 'bottom',
-      text1: getTranslate('en', 'saving_contact_successful'),
-      visibilityTime: 1000,
+    act(() => {
+      jest.runOnlyPendingTimers();
     });
+    expect(axios.get).toHaveBeenCalled();
+    expect(axios.get).toHaveBeenCalledWith(API.SHARE.UNITS_MEMBERS(1, 1), {});
   });
 
-  test('test onSave emergencyContactsSelectContacts fail', async () => {
-    mock.onPost(API.EMERGENCY_BUTTON.CREATE_BATCH()).reply(500);
+  test('test onSave emergencyContactsSelectContacts', async () => {
+    const response = {
+      status: 200,
+      success: true,
+    };
+    axios.post.mockImplementation(async () => {
+      return response;
+    });
     act(() => {
       tree = create(wrapComponent(route));
     });
@@ -101,11 +89,6 @@ describe('test EmergencyContactsSelectContacts', () => {
     await act(async () => {
       viewButtonBottom.props.onRightClick();
     });
-    expect(Toast.show).toBeCalledWith({
-      type: 'error',
-      position: 'bottom',
-      text1: getTranslate('en', 'create_contact_failed'),
-      visibilityTime: 1000,
-    });
+    expect(axios.post).toHaveBeenCalled();
   });
 });

package/src/screens/EmergencySetting/components/DropDownItem.js

@@ -34,11 +34,11 @@ const DropDownItem = ({ label, data, onSelectItem, isOpen, onOpen, index }) => {
 
         {isOpen && (
           <View style={[styles.dropDownItem]}>
-            {data.map((item, i) => (
+            {data.map((item, index) => (
               <Text
                 style={styles.dropDownText}
                 onPress={handleSelectItem(item)}
-                key={i}
+                key={index}
                 testID={TESTID.DROP_DOWN_PICKER_ITEM}
               >
                 {item?.label}

package/src/screens/EmergencySetting/index.js

@@ -63,10 +63,7 @@ const EmergencySetting = () => {
     <View style={styles.wrap}>
       <HeaderCustom title={t('setting')} isShowSeparator />
 
-      <ScrollView
-        contentContainerStyle={styles.contentContainerStyle}
-        scrollIndicatorInsets={{ right: 1 }}
-      >
+      <ScrollView contentContainerStyle={styles.contentContainerStyle}>
         {listData.map((item, index) => (
           <DropDownItem
             {...item}