@eohjsc/react-native-smart-city 0.7.3 → 0.7.4

package/src/screens/Device/detail.js

@@ -8,7 +8,7 @@ import React, {
 } from 'react';
 import { View, TouchableOpacity, Platform } from 'react-native';
 import { useNavigation, useFocusEffect } from '@react-navigation/native';
-import AntDesign from 'react-native-vector-icons/AntDesign';
+import { IconFill, IconOutline } from '@ant-design/icons-react-native';
 import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
 import moment from 'moment';
 
@@ -60,6 +60,7 @@ import { useReceiveNotifications } from '../../hooks';
 import useChipJsonConfiguration, {
   useConnectChipMqtt,
 } from '../../hooks/useMqtt';
+import { useBluetoothDevice } from './components/BluetoothDevice';
 
 const DeviceDetail = ({ route }) => {
   const configIdsTemp = useRef([]);
@@ -81,13 +82,14 @@ const DeviceDetail = ({ route }) => {
   });
   const [lastEvent, setLastEvent] = useState({ id: 0, reportedAt: 0 });
 
-  const { unitData, unitId, sensorData, sensorId, isMyUnitDeviceScreen } =
+  const { unitData, unitId, sensorId, sensorData, isMyUnitDeviceScreen } =
     route?.params || {};
+
   const [unit, setUnit] = useState(unitData || { id: unitId });
-  const [sensor, setSensor] = useState(sensorData || { id: sensorId });
-  const [station, setStation] = useState(sensor?.station);
+  const [device, setDevice] = useState(sensorData || { id: sensorId });
+  const [station, setStation] = useState(device?.station);
   const { isOwner } = useIsOwnerOfUnit(unit?.user_id);
-  const [sensorName, setSensorName] = useState(sensor?.name);
+  const [sensorName, setSensorName] = useState(device?.name);
   const [lockShowing, acquireLockShowing, releaseLockShowing] = useBoolean();
   const [showPreventAccess, setShowPreventAccess, setHidePreventAccess] =
     useBoolean(false);
@@ -112,15 +114,15 @@ const DeviceDetail = ({ route }) => {
   });
 
   const { isConnected: isEoHBackendConnected } =
-    useEoHBackendDeviceConnected(sensor);
+    useEoHBackendDeviceConnected(device);
 
   const {
     isConnected: isHomeAssistantConnected,
     isConnecting: isHomeAssistantConnecting,
-  } = useHomeAssistantDeviceConnected(sensor);
+  } = useHomeAssistantDeviceConnected(device);
 
   const { isConnected: isBluetoothConnected } =
-    useBluetoothDeviceConnected(sensor);
+    useBluetoothDeviceConnected(device);
 
   const isDeviceHasBle = useMemo(() => {
     if (display.items.length === 0) {
@@ -147,11 +149,11 @@ const DeviceDetail = ({ route }) => {
   const { chips } = useChipJsonConfiguration(unit?.id);
 
   const chipFiltered = useMemo(() => {
-    return chips?.filter((item) => item?.id === sensor?.chip_id);
-  }, [chips, sensor?.chip_id]);
+    return chips?.filter((item) => item?.id === device?.chip_id);
+  }, [chips, device?.chip_id]);
 
   const { mqttConfigs } = useConnectChipMqtt(chipFiltered);
-  useDeviceWatchConfigControl(sensor, display, mqttConfigs);
+  useDeviceWatchConfigControl(device, display, mqttConfigs);
 
   const isShowSetupEmergencyContact = useMemo(
     () =>
@@ -171,7 +173,7 @@ const DeviceDetail = ({ route }) => {
   );
 
   const { isFavorite, addToFavorites, removeFromFavorites } =
-    useFavoriteDevice(sensor);
+    useFavoriteDevice(device);
 
   const currentUserId = useSCContextSelector(
     (state) => state.auth.account.user.id
@@ -181,6 +183,8 @@ const DeviceDetail = ({ route }) => {
     return Number(currentUserId) === Number(unit?.user_id);
   }, [currentUserId, unit]);
 
+  const bluetoothDevice = useBluetoothDevice(device);
+
   const fetchUnitDetail = useCallback(async () => {
     const { success, data } = await axiosGet(API.UNIT.UNIT_DETAIL(unitId));
     if (success) {
@@ -233,43 +237,40 @@ const DeviceDetail = ({ route }) => {
 
   const fetchSensorDetail = useCallback(async () => {
     const { success, data, resp_status } = await axiosGet(
-      API.DEVICE.SENSOR_DETAIL(sensorId || sensor?.id)
+      API.DEVICE.DEVICE_DETAIL(sensorId || sensorData?.id)
     );
     if (success) {
-      setSensor(data);
+      setDevice(data);
       setSensorName(data.name);
       setStation(data.station);
     } else if (resp_status === 404) {
       setShowPreventAccess();
     }
-  }, [sensor, sensorId, setShowPreventAccess]);
+  }, [sensorId, sensorData?.id, setShowPreventAccess]);
 
   useEffect(() => {
-    if (sensorId && !sensorData) {
-      fetchSensorDetail();
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [sensorId, sensorData]);
+    fetchSensorDetail();
+  }, [fetchSensorDetail]);
 
   const fetchRemoteControlOptions = useCallback(async () => {
     const { success, data } = await axiosGet(
-      API.DEVICE.REMOTE_CONTROL_OPTIONS(sensor?.id),
+      API.DEVICE.REMOTE_CONTROL_OPTIONS(device?.id),
       {},
       true
     );
     success && setControlOptions(data);
-  }, [sensor]);
+  }, [device]);
 
   const fetchDataDeviceDetail = useCallback(async () => {
     if (!token) {
       return;
     }
-    if (!sensor) {
+    if (!device) {
       return;
     }
 
     const { success, data } = await axiosGet(
-      API.DEVICE.DISPLAY(sensor?.id),
+      API.DEVICE.DISPLAY(device?.id),
       {},
       true
     );
@@ -302,7 +303,7 @@ const DeviceDetail = ({ route }) => {
         (item) => item.template.toLowerCase().search('action') !== -1
       ) &&
       (await fetchRemoteControlOptions());
-  }, [token, sensor, setDeviceId, fetchRemoteControlOptions]);
+  }, [token, device, setDeviceId, fetchRemoteControlOptions]);
 
   const {
     deviceId: emergencyDeviceId,
@@ -336,7 +337,7 @@ const DeviceDetail = ({ route }) => {
       menuItems.push({
         route: Routes.ActivityLog,
         data: {
-          id: sensor?.id,
+          id: device?.id,
           type: 'action',
           share: unit,
           filterEnabled: {
@@ -352,21 +353,21 @@ const DeviceDetail = ({ route }) => {
         text: t('edit'),
         route: Routes.EditDevice,
         data: {
-          sensor,
+          sensor: device,
           setSensorNameDetail: setSensorName,
           sensorNameDetail: sensorName,
-          setSensorDetail: setSensor,
+          setSensorDetail: setDevice,
         },
       });
       menuItems.push({
         route: Routes.ManageAccess,
-        data: { unit, sensor },
+        data: { unit, sensor: device },
         text: t('manage_access'),
       });
       menuItems.push({
         route: Routes.ChangePosition,
         data: {
-          sensor,
+          sensor: device,
           display,
           setDisplay,
           evaluate,
@@ -378,7 +379,7 @@ const DeviceDetail = ({ route }) => {
       menuItems.push({
         text: t('move_to_another_sub_unit'),
         route: Routes.MoveToAnotherSubUnit,
-        data: { unit, sensor, station, isMyUnitDeviceScreen },
+        data: { unit, sensor: device, station, isMyUnitDeviceScreen },
       });
     }
     if (isShowSetupEmergencyContact) {
@@ -401,7 +402,7 @@ const DeviceDetail = ({ route }) => {
         route: Routes.SideMenuDetail,
         data: {
           unit,
-          sensor,
+          sensor: device,
           side_menu: el,
         },
         text: el.name,
@@ -462,7 +463,7 @@ const DeviceDetail = ({ route }) => {
     t,
     isShowSetUpSmartLock,
     isFavorite,
-    sensor,
+    device,
     unit,
     sensorName,
     evaluate,
@@ -479,11 +480,11 @@ const DeviceDetail = ({ route }) => {
 
   useEffect(() => {
     fetchDataDeviceDetail();
-  }, [sensor, isNetworkConnected, fetchDataDeviceDetail]);
+  }, [device, isNetworkConnected, fetchDataDeviceDetail]);
 
-  const onRefresh = useCallback(() => {
-    fetchSensorDetail();
-    fetchDataDeviceDetail();
+  const onRefresh = useCallback(async () => {
+    await fetchSensorDetail();
+    await fetchDataDeviceDetail();
     if (
       unit.remote_control_options &&
       unit.remote_control_options.googlehome?.length &&
@@ -493,9 +494,15 @@ const DeviceDetail = ({ route }) => {
         await connectHomeAssistant(unit.remote_control_options.googlehome);
       })();
     }
-    checkScanDevicesBLE();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [sensor, unit, isNetworkConnected, fetchDataDeviceDetail]);
+    await checkScanDevicesBLE();
+  }, [
+    fetchSensorDetail,
+    fetchDataDeviceDetail,
+    unit?.remote_control_options,
+    isNetworkConnected,
+    checkScanDevicesBLE,
+    connectHomeAssistant,
+  ]);
 
   useFocusEffect(
     useCallback(() => {
@@ -537,7 +544,7 @@ const DeviceDetail = ({ route }) => {
 
       const fetchValues = async () => {
         const { success, data, resp_status } = await axiosGet(
-          API.DEVICE.DISPLAY_VALUES_V2(sensor?.id),
+          API.DEVICE.DISPLAY_VALUES_V2(device?.id),
           {
             params: params,
           }
@@ -557,7 +564,7 @@ const DeviceDetail = ({ route }) => {
           setDisplayValuesData((prevState) => {
             if (prevState.isConnected !== data.is_connected) {
               setAction(Action.SET_DEVICES_STATUS, [
-                { id: sensor?.id, is_connected: data.is_connected },
+                { id: device?.id, is_connected: data.is_connected },
               ]);
             }
             const lastUpdated = data.last_updated && moment(data.last_updated);
@@ -603,16 +610,16 @@ const DeviceDetail = ({ route }) => {
       };
       if (
         isNetworkConnected &&
-        sensor?.is_managed_by_backend &&
-        sensor?.device_type !== DEVICE_TYPE.LG_THINQ
+        device?.is_managed_by_backend &&
+        device?.device_type !== DEVICE_TYPE.LG_THINQ
       ) {
         fetchValues();
       } else {
-        Object.keys(sensor).length > 1 &&
+        Object.keys(device).length > 1 &&
           setLoading((preState) => ({ ...preState, isConnected: false }));
       }
       // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [display.items, isNetworkConnected, sensor, mqttConfigs])
+    }, [display.items, isNetworkConnected, device, mqttConfigs])
   );
 
   useWatchConfigs(chipFiltered.length ? [] : configIdsTemp.current);
@@ -638,12 +645,12 @@ const DeviceDetail = ({ route }) => {
 
   const getDataFromLocal = async () => {
     const displayData = await getLocalData(
-      `@CACHE_REQUEST_${API.DEVICE.DISPLAY(sensor?.id)}`
+      `@CACHE_REQUEST_${API.DEVICE.DISPLAY(device?.id)}`
     );
     displayData && setDisplay(JSON.parse(displayData));
 
     const controlOptionData = await getLocalData(
-      `@CACHE_REQUEST_${API.DEVICE.REMOTE_CONTROL_OPTIONS(sensor?.id)}`
+      `@CACHE_REQUEST_${API.DEVICE.REMOTE_CONTROL_OPTIONS(device?.id)}`
     );
     controlOptionData && setControlOptions(JSON.parse(controlOptionData));
     setLoading((preState) => ({ ...preState, displayTemplate: false }));
@@ -685,9 +692,9 @@ const DeviceDetail = ({ route }) => {
         >
           <View style={styles.buttonStar}>
             {isFavorite ? (
-              <AntDesign name="star" size={25} color={Colors.Yellow6} />
+              <IconFill name="star" size={25} color={Colors.Yellow6} />
             ) : (
-              <AntDesign name="staro" size={25} />
+              <IconOutline name="star" size={25} />
             )}
           </View>
         </TouchableOpacity>
@@ -695,7 +702,7 @@ const DeviceDetail = ({ route }) => {
         {isShowSetupEmergencyContact && (
           <TouchableOpacity onPress={onPressSetting}>
             <View style={styles.button}>
-              <AntDesign name="setting" size={25} color={Colors.Black} />
+              <IconOutline name="setting" size={25} color={Colors.Black} />
             </View>
           </TouchableOpacity>
         )}
@@ -721,8 +728,8 @@ const DeviceDetail = ({ route }) => {
   );
 
   useEffect(() => {
-    SCConfig.setCurrentSensorDisplay(sensor);
-  }, [sensor]);
+    SCConfig.setCurrentSensorDisplay(device);
+  }, [device]);
 
   const shouldRender =
     loading.displayTemplate === false &&
@@ -740,7 +747,7 @@ const DeviceDetail = ({ route }) => {
         <View style={styles.wrapTemplate}>
           {shouldRender && (
             <SensorConnectStatusViewHeader
-              sensor={sensor}
+              sensor={device}
               connectedViaNetwork={isEoHBackendConnected}
               connectedViaBle={isBluetoothConnected}
               connectedViaHomeAssistant={isHomeAssistantConnected}
@@ -751,7 +758,7 @@ const DeviceDetail = ({ route }) => {
               }
               showWindDirection={showWindDirection}
               isDeviceHasBle={isDeviceHasBle}
-              key={`sensor${sensor.id}`}
+              key={`sensor${device.id}`}
             >
               {display.items.map((item, index) => {
                 return (
@@ -773,7 +780,8 @@ const DeviceDetail = ({ route }) => {
                       item={item}
                       evaluate={evaluate}
                       emergency={onEmergencyButtonPress}
-                      sensor={sensor}
+                      sensor={device}
+                      bluetoothDevice={bluetoothDevice}
                       offsetTitle={offsetTitle}
                       setOffsetTitle={setOffsetTitle}
                       setShowWindDirection={setShowWindDirection}
@@ -792,7 +800,7 @@ const DeviceDetail = ({ route }) => {
             <BottomButtonView
               style={styles.bottomButtonEmergencyContact}
               mainIcon={
-                <AntDesign name="plus" size={16} color={Colors.Primary} />
+                <IconOutline name="plus" size={16} color={Colors.Primary} />
               }
               mainTitle={t('setup_my_emergency_contact')}
               onPressMain={onSetupContacts}
@@ -807,7 +815,7 @@ const DeviceDetail = ({ route }) => {
           onSendNowAlert={onSendNowAlert}
           onHide={releaseLockShowing}
           unit={unit}
-          station={sensor?.station}
+          station={device?.station}
         />
 
         <AlertSent
@@ -816,7 +824,7 @@ const DeviceDetail = ({ route }) => {
           onPressMain={onViewDetails}
           onHide={releaseLockShowing}
           unit={unit}
-          station={sensor?.station}
+          station={device?.station}
         />
         <PreventAccess
           visible={showPreventAccess}
@@ -827,7 +835,7 @@ const DeviceDetail = ({ route }) => {
       {isShowEmergencyResolve && !isEmergencyPopupScreen && (
         <BottomButtonView
           style={styles.bottomButtonEmergencyResolve}
-          mainIcon={<AntDesign name="tool" size={15} color={Colors.Gray6} />}
+          mainIcon={<IconOutline name="tool" size={15} color={Colors.Gray6} />}
           mainTitle={t('resolve_situation')}
           onPressMain={onPressResolveSituationConfirm}
           topComponent={
@@ -865,9 +873,9 @@ const DeviceDetail = ({ route }) => {
             type="H4"
             style={styles.textName}
           >
-            {unit?.name} - {sensor?.station?.name}
+            {unit?.name} - {device?.station?.name}
           </Text>
-          <AntDesign
+          <IconOutline
             accessibilityLabel={AccessibilityLabel.BUTTON_POPUP_RESOLVED_ICON}
             name="check-circle"
             size={42}

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

@@ -129,7 +129,7 @@ export const useGetEvaluateValue = (configId, unitId) => {
   if (configId && valueEvaluations[configId] === undefined) {
     (async () => {
       const { success, data } = await axiosGet(API.VALUE_EVALUATIONS(), {
-        configs__id: configId,
+        params: { configs__id: configId },
       });
       if (success) {
         setAction(Action.INIT_VALUE_EVALUATIONS, {

package/src/screens/Drawer/Drawer.test.js

@@ -1,10 +1,10 @@
+import { useNavigation } from '@react-navigation/native';
 import React from 'react';
 import renderer, { act } from 'react-test-renderer';
 import AccessibilityLabel from '../../configs/AccessibilityLabel';
 import { SCProvider } from '../../context';
 import { mockSCStore } from '../../context/mockStore';
 import Drawer, { Row } from './index';
-import { useNavigation } from '@react-navigation/native';
 
 const wrapComponent = (initState = mockSCStore({})) => (
   <SCProvider initState={initState}>
@@ -35,7 +35,7 @@ describe('Drawer', () => {
     await act(async () => {
       await rows[2].props.onPress();
     });
-    expect(dispatch).toBeCalledWith({
+    expect(dispatch).toHaveBeenCalledWith({
       payload: { index: 0, routes: [{ name: 'Main' }] },
       type: 'RESET',
     });

package/src/screens/Drawer/index.js

@@ -1,4 +1,4 @@
-import AntDesign from 'react-native-vector-icons/AntDesign';
+import { IconOutline } from '@ant-design/icons-react-native';
 import React, { useCallback, useContext } from 'react';
 import {
   Image,
@@ -59,7 +59,7 @@ const DrawerContainer = () => {
                 style={styles.avatar}
                 accessibilityLabel={AccessibilityLabel.SIDE_MENU_AVATAR_USER}
               >
-                <AntDesign name={'user'} size={27} />
+                <IconOutline name={'user'} size={27} />
               </View>
             )}
             <View style={styles.textContainer}>
@@ -116,7 +116,7 @@ export const Row = ({
       ]}
       accessibilityLabel={accessibilityLabel}
     >
-      <AntDesign name={image} size={24} />
+      <IconOutline name={image} size={24} />
 
       <View style={styles.wrapText}>
         <Text style={[styles.text]}>{name}</Text>

package/src/screens/EmergencyContacts/EmergencyContactsList.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect } from 'react';
 import { StyleSheet, TouchableOpacity, View } from 'react-native';
-import AntDesign from 'react-native-vector-icons/AntDesign';
+import { IconOutline } from '@ant-design/icons-react-native';
 import { useIsFocused, useNavigation } from '@react-navigation/native';
 import { useTranslations } from '../../hooks/Common/useTranslations';
 import { AlertAction, MenuActionList, Section } from '../../commons';
@@ -99,7 +99,7 @@ export const EmergencyContactsList = ({ route }) => {
                 : 'disable'
             }
             leftIcon={
-              <AntDesign name={'plus'} size={20} color={Colors.White} />
+              <IconOutline name={'plus'} size={20} color={Colors.White} />
             }
             text={t('add_new')}
             subtext={t('emergency_max_contacts', {
@@ -113,7 +113,7 @@ export const EmergencyContactsList = ({ route }) => {
                 key={contact.id}
                 index={index}
                 leftIcon={
-                  <AntDesign name={'user'} size={20} color={Colors.White} />
+                  <IconOutline name={'user'} size={20} color={Colors.White} />
                 }
                 text={contact.name}
                 subtext={contact.phone_number}
@@ -122,7 +122,11 @@ export const EmergencyContactsList = ({ route }) => {
                     style={styles.buttonRemove}
                     onPress={onPressRemoveContact(contact)}
                   >
-                    <AntDesign name={'minus'} size={20} color={Colors.Gray8} />
+                    <IconOutline
+                      name={'minus'}
+                      size={20}
+                      color={Colors.Gray8}
+                    />
                   </TouchableOpacity>
                 }
               />

package/src/screens/EmergencyContacts/EmergencyContactsSelectContacts.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import { StyleSheet, View } from 'react-native';
-import AntDesign from 'react-native-vector-icons/AntDesign';
+import { IconOutline } from '@ant-design/icons-react-native';
 import { useNavigation } from '@react-navigation/native';
 import { useTranslations } from '../../hooks/Common/useTranslations';
 import { Section, ViewButtonBottom } from '../../commons';
@@ -81,7 +81,7 @@ export const EmergencyContactsSelectContacts = ({ route }) => {
               }
               index={index}
               leftIcon={
-                <AntDesign name={'user'} size={20} color={Colors.White} />
+                <IconOutline name={'user'} size={20} color={Colors.White} />
               }
               text={contact.name}
               subtext={contact.phone_number}
@@ -91,7 +91,7 @@ export const EmergencyContactsSelectContacts = ({ route }) => {
                   {currentContacts.some(
                     (item) => item?.name === contact?.name
                   ) && (
-                    <AntDesign
+                    <IconOutline
                       name={'check-circle'}
                       size={20}
                       color={Colors.Primary}

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

@@ -1,16 +1,16 @@
-import React from 'react';
-import { act, create } from 'react-test-renderer';
 import MockAdapter from 'axios-mock-adapter';
+import React from 'react';
 import Toast from 'react-native-toast-message';
+import { act, create } from 'react-test-renderer';
 
-import { EmergencyContactsSelectContacts } from '../EmergencyContactsSelectContacts';
+import { ViewButtonBottom } from '../../../commons';
+import { API } from '../../../configs';
 import { AccessibilityLabel } 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';
+import { EmergencyContactsSelectContacts } from '../EmergencyContactsSelectContacts';
 
 const mock = new MockAdapter(api.axiosInstance);
 
@@ -79,7 +79,7 @@ describe('test EmergencyContactsSelectContacts', () => {
     await act(async () => {
       viewButtonBottom.props.onRightClick();
     });
-    expect(Toast.show).toBeCalledWith({
+    expect(Toast.show).toHaveBeenCalledWith({
       type: 'success',
       position: 'bottom',
       text1: getTranslate('en', 'saving_contact_successful'),
@@ -98,7 +98,7 @@ describe('test EmergencyContactsSelectContacts', () => {
     await act(async () => {
       viewButtonBottom.props.onRightClick();
     });
-    expect(Toast.show).toBeCalledWith({
+    expect(Toast.show).toHaveBeenCalledWith({
       type: 'error',
       position: 'bottom',
       text1: getTranslate('en', 'create_contact_failed'),

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

@@ -1,6 +1,6 @@
 import React, { useCallback, useState } from 'react';
 import { View, TouchableOpacity } from 'react-native';
-import AntDesign from 'react-native-vector-icons/AntDesign';
+import { IconOutline } from '@ant-design/icons-react-native';
 
 import Text from '../../../commons/Text';
 import styles from '../styles/DropDownItem';
@@ -29,7 +29,7 @@ const DropDownItem = ({ label, data, onSelectItem, isOpen, onOpen, index }) => {
       <View style={styles.dropDownContainer}>
         <TouchableOpacity style={styles.dropDownStyle} onPress={handleOnOpen}>
           <Text>{selecteValue?.label}</Text>
-          <AntDesign name="caretdown" size={18} color={Colors.Gray8} />
+          <IconOutline name="caret-down" size={18} color={Colors.Gray8} />
         </TouchableOpacity>
 
         {isOpen && (

package/src/screens/EnterPassword/__test__/EnterPassword.test.js

@@ -1,15 +1,15 @@
+import MockAdapter from 'axios-mock-adapter';
 import React from 'react';
-import { create, act } from 'react-test-renderer';
 import { TouchableOpacity } from 'react-native';
-import MockAdapter from 'axios-mock-adapter';
+import { act, create } from 'react-test-renderer';
 
+import { useNavigation } from '@react-navigation/native';
+import { API } from '../../../configs';
+import { AccessibilityLabel } from '../../../configs/Constants';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
-import EnterPassword from '../index';
-import { AccessibilityLabel } from '../../../configs/Constants';
-import { API } from '../../../configs';
 import api from '../../../utils/Apis/axios';
-import { useNavigation } from '@react-navigation/native';
+import EnterPassword from '../index';
 
 const mock = new MockAdapter(api.axiosInstance);
 
@@ -103,7 +103,7 @@ describe('Test EnterPassword', () => {
     await act(async () => {
       await button[0].props.onPress();
     });
-    expect(navigate).toBeCalled();
+    expect(navigate).toHaveBeenCalled();
   });
 
   it('test EnterPassword button failure', async () => {
@@ -125,6 +125,6 @@ describe('Test EnterPassword', () => {
     await act(async () => {
       await button[0].props.onPress();
     });
-    expect(navigate).not.toBeCalled();
+    expect(navigate).not.toHaveBeenCalled();
   });
 });

package/src/screens/GuestInfo/components/RowGuestInfo.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { View, TouchableOpacity } from 'react-native';
-import AntDesign from 'react-native-vector-icons/AntDesign';
+import { IconOutline } from '@ant-design/icons-react-native';
 import Text from '../../../commons/Text';
 import styles from '../styles/indexStyles';
 
@@ -19,7 +19,7 @@ const RowGuestInfo = ({
         <View style={styles.rowRight}>
           <Text type="Body">{textRight}</Text>
           {rightArrow && (
-            <AntDesign name="right" size={20} style={styles.icon} />
+            <IconOutline name="right" size={20} style={styles.icon} />
           )}
         </View>
       </View>

package/src/screens/GuestInfo/components/__test__/AccessScheduleSheet.test.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { create, act } from 'react-test-renderer';
+import { act, create } from 'react-test-renderer';
 
+import BottomSheet from '../../../../commons/BottomSheet';
 import { SCProvider } from '../../../../context';
 import { mockSCStore } from '../../../../context/mockStore';
 import AccessScheduleSheet from '../AccessScheduleSheet';
-import BottomSheet from '../../../../commons/BottomSheet';
 
 const wrapComponent = (props) => (
   <SCProvider initState={mockSCStore({})}>
@@ -47,6 +47,6 @@ describe('AccessScheduleSheet', () => {
     await act(async () => {
       bottomSheet[0].props.onBackdropPress();
     });
-    expect(mockOnHide).toBeCalled();
+    expect(mockOnHide).toHaveBeenCalled();
   });
 });