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

package/src/screens/HanetCamera/__test__/ManageAccess.test.js

@@ -21,22 +21,11 @@ const wrapComponent = (route) => (
   </SCProvider>
 );
 
-const mockedNavigate = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-    }),
-    useIsFocused: () => true,
-  };
-});
-
 describe('Test HanetManageAccess', () => {
   let tree, route, response;
 
   beforeEach(() => {
-    mockedNavigate.mockClear();
+    global.mockedNavigate.mockClear();
     route = {
       params: {
         hanetPlace: {
@@ -82,7 +71,7 @@ describe('Test HanetManageAccess', () => {
     await act(async () => {
       touches[0].props.onPress();
     });
-    expect(mockedNavigate).toBeCalled();
+    expect(global.mockedNavigate).toBeCalled();
   });
 
   const chooseAddMemberOption = async (instance, index) => {
@@ -115,7 +104,7 @@ describe('Test HanetManageAccess', () => {
     await chooseAddMemberOption(instance, 0);
 
     expect(bottomSheet.props.isVisible).toBe(false);
-    expect(mockedNavigate).toBeCalledWith(Routes.HanetCaptureFaceID, {
+    expect(global.mockedNavigate).toBeCalledWith(Routes.HanetCaptureFaceID, {
       title: 'Add new member',
       hanetPlace: {
         place_id: 1,
@@ -139,7 +128,7 @@ describe('Test HanetManageAccess', () => {
     await chooseAddMemberOption(instance, 1);
 
     expect(bottomSheet.props.isVisible).toBe(false);
-    expect(mockedNavigate).toBeCalledWith(Routes.HanetMemberInfo, {
+    expect(global.mockedNavigate).toBeCalledWith(Routes.HanetMemberInfo, {
       hanetPlace: {
         place_id: 1,
       },
@@ -168,6 +157,6 @@ describe('Test HanetManageAccess', () => {
     await chooseAddMemberOption(instance, 1);
 
     expect(bottomSheet.props.isVisible).toBe(false);
-    expect(mockedNavigate).not.toBeCalled();
+    expect(global.mockedNavigate).not.toBeCalled();
   });
 });

package/src/screens/HanetCamera/__test__/MemberInfo.test.js

@@ -13,6 +13,7 @@ import BottomSheet from '../../../commons/BottomSheet';
 import { AccessibilityLabel } from '../../../configs/Constants';
 import api from '../../../utils/Apis/axios';
 import { API } from '../../../configs';
+import { useNavigation } from '@react-navigation/native';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -20,27 +21,13 @@ const wrapComponent = (route) => (
   </SCProvider>
 );
 
-const mockedNavigate = jest.fn();
-const mockedGoBack = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-      goBack: mockedGoBack,
-    }),
-    useIsFocused: () => true,
-  };
-});
-
 const mock = new MockAdapter(api.axiosInstance);
 
 describe('Test HanetMemberInfo', () => {
   let tree, route;
+  const { goBack, navigate } = useNavigation();
 
   beforeEach(() => {
-    mockedNavigate.mockClear();
-    mockedGoBack.mockClear();
     route = {
       params: {
         hanetPlace: {
@@ -96,7 +83,7 @@ describe('Test HanetMemberInfo', () => {
     await act(async () => {
       await alertAction.props.rightButtonClick();
     });
-    expect(mockedGoBack).toHaveBeenCalled();
+    expect(goBack).toHaveBeenCalled();
   });
 
   const chooseSetFaceIDOption = async (instance, index) => {
@@ -126,7 +113,7 @@ describe('Test HanetMemberInfo', () => {
     await chooseSetFaceIDOption(instance, 0);
 
     expect(bottomSheet.props.isVisible).toBe(false);
-    expect(mockedNavigate).toBeCalled(); // navigate to HanetCaptureFaceID
+    expect(navigate).toBeCalled(); // navigate to HanetCaptureFaceID
   });
 
   it('Test set photo id choose file', async () => {
@@ -189,6 +176,6 @@ describe('Test HanetMemberInfo', () => {
     await act(async () => {
       await bottomButton.props.onPressMain();
     });
-    expect(mockedNavigate).toBeCalled();
+    expect(navigate).toBeCalled();
   });
 });

package/src/screens/HanetCamera/components/RequestFaceIDPopup.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TouchableOpacity, StyleSheet } from 'react-native';
 import ImagePicker from 'react-native-image-crop-picker';
-import { IconFill } from '@ant-design/icons-react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
 import Text from '../../../commons/Text';
 import BottomSheet from '../../../commons/BottomSheet';
 import { Colors } from '../../../configs';
@@ -19,7 +19,7 @@ const RequestFaceIDPopup = ({
   const t = useTranslations();
   const options = [
     {
-      icon: <IconFill name="camera" color={Colors.Gray9} size={27} />,
+      icon: <AntDesign name="camera" color={Colors.Gray9} size={27} />,
       text: t('capture_image'),
       onChoose: () => {
         setHide();

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

@@ -14,21 +14,6 @@ import { API } from '../../../configs';
 
 const mock = new MockAdapter(api.axiosInstance);
 
-const mockUseIsFocused = jest.fn();
-const mockedNavigate = jest.fn();
-
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useRoute: jest.fn(),
-    useNavigation: () => ({
-      goBack: jest.fn(),
-      navigate: mockedNavigate,
-    }),
-    useIsFocused: () => mockUseIsFocused,
-  };
-});
-
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
     <ManageAccessScreen route={route} />
@@ -40,7 +25,6 @@ describe('Test Manage Access', () => {
   let route;
 
   beforeEach(() => {
-    mockedNavigate.mockClear();
     route = {
       params: {
         unit: {
@@ -56,7 +40,7 @@ describe('Test Manage Access', () => {
   });
 
   it('render Manage Access', async () => {
-    mockUseIsFocused.mockImplementation(() => true);
+    global.mockedUseIsFocused.mockImplementation(() => true);
     mock.onGet(API.UNIT.MANAGE_ACCESS(1)).reply(200, [
       {
         id: 1,
@@ -86,13 +70,13 @@ describe('Test Manage Access', () => {
     await act(async () => {
       await memberButton[0].props.onPress();
     });
-    expect(mockedNavigate).toHaveBeenCalledWith(Routes.GuestInfo, {
+    expect(global.mockedNavigate).toHaveBeenCalledWith(Routes.GuestInfo, {
       id: 1,
     });
   });
 
   it('render Manage Access without params', async () => {
-    mockUseIsFocused.mockImplementation(() => false);
+    global.mockedUseIsFocused.mockImplementation(() => false);
     await act(async () => {
       tree = await create(wrapComponent({}));
     });

package/src/screens/ManageAccess/index.js

@@ -9,7 +9,7 @@ import {
 import { useNavigation, useIsFocused } from '@react-navigation/native';
 import { useTranslations } from '../../hooks/Common/useTranslations';
 import { HeaderCustom } from '../../commons/Header';
-import { IconOutline } from '@ant-design/icons-react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
 import styles from './styles/ManageAccessStyles';
 import { Colors } from '../../configs';
 import Text from '../../commons/Text';
@@ -75,7 +75,7 @@ const ManageAccessScreen = memo(({ route }) => {
                             // accessibilityLabel={AccessibilityLabel.SIDE_MENU_AVATAR_USER}
                           />
                         ) : (
-                          <IconOutline
+                          <AntDesign
                             name="user"
                             size={20}
                             color={Colors.White}
@@ -90,7 +90,7 @@ const ManageAccessScreen = memo(({ route }) => {
                       subtext={item.schedule}
                       onPress={() => goToGuestInfo(item.id)}
                       rightComponent={
-                        <IconOutline
+                        <AntDesign
                           name="right"
                           size={20}
                           color={Colors.Gray6}

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

@@ -79,10 +79,10 @@ describe('Test Render ListSubUnit', () => {
       },
     },
   };
-  const mockNavigate = useNavigation().navigate;
+  const mockedNavigate = useNavigation().navigate;
 
   beforeEach(() => {
-    mockNavigate.mockReset();
+    mockedNavigate.mockReset();
   });
 
   it('render ListSubUnit with out params', async () => {
@@ -128,18 +128,18 @@ describe('Test Render ListSubUnit', () => {
       await bottomButtonView.props.onPressMain();
     });
 
-    expect(mockNavigate).toBeCalled();
-    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
+    expect(global.mockedNavigate).toBeCalled();
+    const touchableOpacities = instance.findAllByType(TouchableOpacity);
     await act(async () => {
-      await TouchableOpacities[2].props.onPress();
+      await touchableOpacities[2].props.onPress();
     });
 
-    mockNavigate.mockClear();
+    mockedNavigate.mockClear();
     mock.onPatch(API.DEVICE.CHANGE_SUB_UNIT(200, 3, 73)).reply(400);
 
     await act(async () => {
       await bottomButtonView.props.onPressMain();
     });
-    expect(mockNavigate).not.toBeCalled();
+    expect(global.mockedNavigate).not.toBeCalled();
   });
 });

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

@@ -73,9 +73,7 @@ describe('test Notification', () => {
         },
       ],
     };
-    mock
-      .onGet(API.NOTIFICATION.LIST_EOH_NOTIFICATIONS(1, ''))
-      .reply(200, response);
+    mock.onGet(API.NOTIFICATION.LIST_EOH_NOTIFICATIONS(1)).reply(200, response);
     await act(async () => {
       tree = await create(wrapComponent());
     });
@@ -101,9 +99,7 @@ describe('test Notification', () => {
         type: 'NEWS',
       });
     }
-    mock
-      .onGet(API.NOTIFICATION.LIST_EOH_NOTIFICATIONS(1, ''))
-      .reply(200, response);
+    mock.onGet(API.NOTIFICATION.LIST_EOH_NOTIFICATIONS(1)).reply(200, response);
     await act(async () => {
       tree = await create(wrapComponent());
     });
@@ -112,9 +108,7 @@ describe('test Notification', () => {
     expect(wrapHeaderScrollable.props.disableLoadMore).toEqual(false);
 
     const scrollView = instance.findByType(Animated.ScrollView);
-    mock
-      .onGet(API.NOTIFICATION.LIST_EOH_NOTIFICATIONS(2, ''))
-      .reply(200, response);
+    mock.onGet(API.NOTIFICATION.LIST_EOH_NOTIFICATIONS(2)).reply(200, response);
     await act(async () => {
       scrollView.props.onMomentumScrollEnd();
     });
@@ -144,9 +138,7 @@ describe('test Notification', () => {
         },
       ],
     };
-    mock
-      .onGet(API.NOTIFICATION.LIST_EOH_NOTIFICATIONS(1, ''))
-      .reply(200, response);
+    mock.onGet(API.NOTIFICATION.LIST_EOH_NOTIFICATIONS(1)).reply(200, response);
     await act(async () => {
       tree = await create(wrapComponent());
     });
@@ -179,9 +171,7 @@ describe('test Notification', () => {
         },
       ],
     };
-    mock
-      .onGet(API.NOTIFICATION.LIST_EOH_NOTIFICATIONS(1, ''))
-      .reply(200, response);
+    mock.onGet(API.NOTIFICATION.LIST_EOH_NOTIFICATIONS(1)).reply(200, response);
     await act(async () => {
       tree = await create(wrapComponent());
     });

package/src/screens/Notification/__test__/NotificationItem.test.js

@@ -20,20 +20,10 @@ const wrapComponent = (item, stateData = {}) => (
 
 const mock = new MockAdapter(api.axiosInstance);
 
-const mockNavigate = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockNavigate,
-    }),
-  };
-});
-
 describe('test NotificationItem', () => {
   let item = {};
   beforeEach(() => {
-    mockNavigate.mockClear();
+    global.mockedNavigate.mockClear();
     item = {
       id: 1,
       content_code: '',
@@ -71,7 +61,7 @@ describe('test NotificationItem', () => {
       await act(async () => {
         button.props.onPress();
       });
-      expect(mockNavigate).not.toHaveBeenCalled();
+      expect(global.mockedNavigate).not.toHaveBeenCalled();
     });
   }
 
@@ -97,7 +87,7 @@ describe('test NotificationItem', () => {
       await act(async () => {
         button.props.onPress();
       });
-      expect(mockNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
+      expect(global.mockedNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
         screen: Routes.UnitDetail,
         params: {
           unitId: 1,
@@ -123,7 +113,7 @@ describe('test NotificationItem', () => {
       await act(async () => {
         button.props.onPress();
       });
-      expect(mockNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
+      expect(global.mockedNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
         screen: Routes.DeviceDetail,
         params: {
           unitId: 1,
@@ -155,7 +145,7 @@ describe('test NotificationItem', () => {
       await act(async () => {
         button.props.onPress();
       });
-      expect(mockNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
+      expect(global.mockedNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
         screen: Routes.UnitSummary,
         params: {
           summaryId: 11,
@@ -188,7 +178,7 @@ describe('test NotificationItem', () => {
       await act(async () => {
         button.props.onPress();
       });
-      expect(mockNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
+      expect(global.mockedNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
         screen: Routes.DeviceDetail,
         params: {
           unitId: 70,
@@ -214,7 +204,7 @@ describe('test NotificationItem', () => {
     await act(async () => {
       button.props.onPress();
     });
-    expect(mockNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
+    expect(global.mockedNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
       screen: Routes.UnitSummary,
       params: {
         summaryId: 11,
@@ -250,7 +240,7 @@ describe('test NotificationItem', () => {
     await act(async () => {
       button.props.onPress();
     });
-    expect(mockNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
+    expect(global.mockedNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
       screen: Routes.DeviceDetail,
       params: {
         unitId: 1,
@@ -275,7 +265,7 @@ describe('test NotificationItem', () => {
     await act(async () => {
       button.props.onPress();
     });
-    expect(mockNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
+    expect(global.mockedNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
       screen: Routes.DeviceDetail,
       params: {
         unitId: 1,

package/src/screens/Notification/index.js

@@ -1,6 +1,6 @@
 import React, { memo, useMemo, useState, useCallback, useEffect } from 'react';
 import { View, TouchableOpacity } from 'react-native';
-import { Icon } from '@ant-design/react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
 import { useFocusEffect } from '@react-navigation/native';
 
 import styles from './styles/indexStyles';
@@ -33,7 +33,7 @@ const Notification = memo(() => {
             notImplemented(t);
           }}
         >
-          <Icon name={'plus'} size={27} color={Colors.Black} />
+          <AntDesign name={'plus'} size={27} color={Colors.Black} />
         </TouchableOpacity>
 
         <TouchableOpacity
@@ -41,7 +41,7 @@ const Notification = memo(() => {
             notImplemented(t);
           }}
         >
-          <Icon name={'search'} size={27} color={Colors.Black} />
+          <AntDesign name={'search1'} size={27} color={Colors.Black} />
         </TouchableOpacity>
       </View>
     ),
@@ -51,7 +51,7 @@ const Notification = memo(() => {
 
   const fetchNotifications = useCallback(async (pageParam) => {
     const { success, data } = await axiosGet(
-      API.NOTIFICATION.LIST_EOH_NOTIFICATIONS(pageParam, '')
+      API.NOTIFICATION.LIST_EOH_NOTIFICATIONS(pageParam)
     );
     if (success) {
       setNotifications((preState) => preState.concat(data.results));
@@ -69,7 +69,7 @@ const Notification = memo(() => {
   const onRefresh = useCallback(async () => {
     setPage(1);
     const { success, data } = await axiosGet(
-      API.NOTIFICATION.LIST_EOH_NOTIFICATIONS(1, '')
+      API.NOTIFICATION.LIST_EOH_NOTIFICATIONS(1)
     );
     if (success) {
       setNotifications(data.results);

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

@@ -12,28 +12,6 @@ import { mockSCStore } from '../../../context/mockStore';
 import MediaPlayerFull from '../../../commons/MediaPlayerDetail/MediaPlayerFull';
 import Timer from '../Timer';
 
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      goBack: jest.fn(),
-    }),
-    useRoute: jest.fn().mockReturnValue({
-      params: {
-        item: {
-          configuration: {
-            time_zone: 0,
-            playback: '',
-            name: 'name',
-            uri: '',
-          },
-        },
-        thumbnail: {},
-      },
-    }),
-  };
-});
-
 const wrapComponent = () => (
   <SCProvider initState={mockSCStore({})}>
     <PlayBackCamera />
@@ -43,6 +21,19 @@ const wrapComponent = () => (
 describe('Test PlayBackCamera', () => {
   let tree;
   jest.useFakeTimers();
+  global.mockedUseRoute.mockReturnValue({
+    params: {
+      item: {
+        configuration: {
+          time_zone: 0,
+          playback: '',
+          name: 'name',
+          uri: '',
+        },
+      },
+      thumbnail: {},
+    },
+  });
 
   it('Test render', async () => {
     await act(async () => {

package/src/screens/PlayBackCamera/index.js

@@ -84,9 +84,9 @@ const PlayBackCamera = () => {
   }, [selected, updateCameraPlayback]);
 
   const getHourWithTimeZone = useCallback(
-    (hour) => {
+    (_hour) => {
       const hourWithTimezone =
-        parseInt(hour, 10) + parseInt(time_zone || 0, 10);
+        parseInt(_hour, 10) + parseInt(time_zone || 0, 10);
       if (hourWithTimezone < 0 || hourWithTimezone > 9) {
         return hourWithTimezone;
       }

package/src/screens/ScanChipQR/components/QRScan/__test__/QRScan.test.js

@@ -6,20 +6,9 @@ import { SCProvider } from '../../../../../context';
 import { mockSCStore } from '../../../../../context/mockStore';
 import QRScan from '../index';
 
-const mockedPop = jest.fn();
 const mockedOnScan = jest.fn();
 const mockedSetLoading = jest.fn();
 
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      pop: mockedPop,
-    }),
-    useIsFocused: jest.fn(),
-  };
-});
-
 const wrapComponent = (data) => (
   <SCProvider initState={mockSCStore({})}>
     <QRScan {...data} />

package/src/screens/ScanChipQR/components/QRScan/index.js

@@ -7,7 +7,7 @@ import {
   Dimensions,
   TouchableOpacity,
 } from 'react-native';
-import { IconOutline } from '@ant-design/icons-react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
 import { RNCamera } from 'react-native-camera';
 import { getStatusBarHeight } from 'react-native-iphone-x-helper';
 import { useTranslations } from '../../../../hooks/Common/useTranslations';
@@ -36,7 +36,7 @@ const VerifyingQRCode = memo(() => {
     <View style={styles.maskOuter}>
       <TouchableOpacity style={[styles.viewVerifying, styles.buttonShadow]}>
         <Loading
-          icon={<IconOutline name={'sync'} color={Colors.Green6} size={16} />}
+          icon={<AntDesign name={'sync'} color={Colors.Green6} size={16} />}
         />
         <Text type={'Body'} style={styles.text}>
           {t('verify_qr_code')}
@@ -117,7 +117,7 @@ const QRScan = ({ isScanReady = true, onScan }) => {
               borderColor={Colors.Gray4}
               style={styles.buttonClose}
             >
-              <IconOutline name={'close'} size={24} co />
+              <AntDesign name={'close'} size={24} co />
             </CircleButton>
             {loading && <VerifyingQRCode />}
           </View>

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

@@ -15,22 +15,6 @@ import BottomButtonView from '../../../commons/BottomButtonView';
 
 const mock = new MockAdapter(api.axiosInstance);
 
-const mockDispatch = jest.fn();
-const mockGoBack = jest.fn();
-const mockNavigate = jest.fn();
-
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useRoute: jest.fn(),
-    useNavigation: () => ({
-      goBack: mockGoBack,
-      dispatch: mockDispatch,
-      navigate: mockNavigate,
-    }),
-  };
-});
-
 const wrapComponent = () => (
   <SCProvider initState={mockSCStore({})}>
     <SelectUnit />
@@ -40,10 +24,6 @@ const wrapComponent = () => (
 describe('Test Select unit screen', () => {
   let tree;
 
-  beforeEach(() => {
-    mockNavigate.mockClear();
-  });
-
   it('Test render', async () => {
     useRoute.mockReturnValue({
       params: {
@@ -71,14 +51,14 @@ describe('Test Select unit screen', () => {
       tree = await create(wrapComponent());
     });
     const instance = tree.root;
-    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
+    const touchableOpacities = instance.findAllByType(TouchableOpacity);
     const bottomButtonView = instance.findByType(BottomButtonView);
 
     expect(bottomButtonView.props.typeMain).toEqual('disabled');
-    expect(TouchableOpacities).toHaveLength(4);
+    expect(touchableOpacities).toHaveLength(4);
     await act(async () => {
-      await TouchableOpacities[1].props.onPress();
-      await TouchableOpacities[2].props.onPress(response.data[0]);
+      await touchableOpacities[1].props.onPress();
+      await touchableOpacities[2].props.onPress(response.data[0]);
     });
     expect(bottomButtonView.props.typeMain).toEqual('primary');
   });
@@ -100,11 +80,11 @@ describe('Test Select unit screen', () => {
     });
 
     const instance = tree.root;
-    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
-    expect(TouchableOpacities).toHaveLength(3);
+    const touchableOpacities = instance.findAllByType(TouchableOpacity);
+    expect(touchableOpacities).toHaveLength(3);
     await act(async () => {
-      await TouchableOpacities[1].props.onPress();
-      await TouchableOpacities[2].props.onPress();
+      await touchableOpacities[1].props.onPress();
+      await touchableOpacities[2].props.onPress();
     });
   });
 
@@ -177,7 +157,7 @@ describe('Test Select unit screen', () => {
     await act(async () => {
       await iconClose[0].props.onPress();
     });
-    expect(mockNavigate).toBeCalledWith(Routes.ScriptDetail, {
+    expect(global.mockedNavigate).toBeCalledWith(Routes.ScriptDetail, {
       id: 1,
       havePermission: true,
       isMultiUnits: undefined,

package/src/screens/SelectUnit/index.js

@@ -1,6 +1,6 @@
 import React, { useMemo, useState, useCallback, useEffect } from 'react';
 import { View, TouchableOpacity, FlatList } from 'react-native';
-import { Icon } from '@ant-design/react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
 import WrapHeaderScrollable from '../../commons/Sharing/WrapHeaderScrollable';
 import { API, Colors } from '../../configs';
 import Text from '../../commons/Text';
@@ -132,7 +132,7 @@ const SelectUnit = () => {
         accessibilityLabel={AccessibilityLabel.ICON_CLOSE}
       >
         <View style={styles.buttonClose}>
-          <Icon name={'close'} size={24} color={Colors.Black} />
+          <AntDesign name={'close'} size={24} color={Colors.Black} />
         </View>
       </TouchableOpacity>
     ),

package/src/screens/SharedUnit/TabHeader.js

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { View, TouchableOpacity } from 'react-native';
-import { IconOutline } from '@ant-design/icons-react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
 import { useTranslations } from '../../hooks/Common/useTranslations';
 
 import Text from '../../commons/Text';
@@ -54,7 +54,7 @@ const TabHeader = ({ current, getCurrentTab, showModal, textFilter }) => {
           <Text style={styles.sortBy}>
             {t('sort_by') + ': '} {textFilter}
           </Text>
-          <IconOutline name="arrow-down" size={10} onPress={() => {}} />
+          <AntDesign name="arrowdown" size={10} />
         </TouchableOpacity>
       </View>
     </View>