@eohjsc/react-native-smart-city 0.2.21 → 0.2.27

package/src/screens/SetSchedule/styles/SelectWeekdayStyles.js

@@ -0,0 +1,26 @@
+import { StyleSheet } from 'react-native';
+import { Colors } from '../../../configs';
+
+export default StyleSheet.create({
+  wrap: {
+    marginTop: 16,
+  },
+  row: {
+    marginTop: 16,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+  },
+  item: {
+    width: 45,
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 5,
+    backgroundColor: Colors.Gray3,
+  },
+  selected: {
+    backgroundColor: Colors.Primary,
+  },
+  text: {
+    marginTop: 4,
+  },
+});

package/src/screens/SetSchedule/styles/indexStyles.js

@@ -0,0 +1,22 @@
+import { Colors } from '../../../configs';
+import { StyleSheet } from 'react-native';
+
+export default StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: Colors.White,
+  },
+  title: {
+    marginBottom: 32,
+  },
+  scollView: {
+    paddingHorizontal: 16,
+    paddingBottom: 150,
+  },
+  viewBottom: {
+    borderColor: Colors.Gray4,
+    paddingVertical: 24,
+    borderTopWidth: 1,
+    backgroundColor: Colors.White,
+  },
+});

package/src/screens/SharedUnit/TabHeader.js

@@ -1,13 +1,14 @@
 import React, { useState, useEffect } from 'react';
 import { View, TouchableOpacity } from 'react-native';
 import { IconOutline } from '@ant-design/icons-react-native';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../hooks/Common/useTranslations';
 
 import Text from '../../commons/Text';
 
 import styles from './styles';
 
 const TabHeader = ({ current, getCurrentTab, showModal, textFilter }) => {
+  const t = useTranslations();
   const [currentTab, setCurrentTabState] = useState(current);
 
   useEffect(() => {

package/src/screens/SharedUnit/__test__/TabHeader.test.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import { create } from 'react-test-renderer';
+import { act } from '@testing-library/react-hooks';
+import TabHeader from '../TabHeader';
+import { TouchableOpacity } from 'react-native';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+
+jest.mock('axios');
+
+const wrapComponent = (current, getCurrentTab, showModal, textFilter) => (
+  <SCProvider initState={mockSCStore({})}>
+    <TabHeader
+      current={current}
+      getCurrentTab={getCurrentTab}
+      showModal={showModal}
+      textFilter={textFilter}
+    />
+  </SCProvider>
+);
+
+describe('Test TabHeader', () => {
+  let tree;
+
+  const current = 0;
+  const getCurrentTab = () => {};
+  const showModal = true;
+  const textFilter = '';
+
+  it('render TabHeader', async () => {
+    act(() => {
+      tree = create(
+        wrapComponent(current, getCurrentTab, showModal, textFilter)
+      );
+    });
+    const instance = tree.root;
+    const touchableOpacity = instance.findAllByType(TouchableOpacity);
+    expect(touchableOpacity).toHaveLength(3);
+  });
+});

package/src/screens/SharedUnit/index.js

@@ -3,7 +3,7 @@ import { View, TouchableOpacity, FlatList, RefreshControl } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
 import Modal from 'react-native-modal';
 import { axiosGet } from '../../utils/Apis/axios';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../hooks/Common/useTranslations';
 
 import { API } from '../../configs';
 import Text from '../../commons/Text';
@@ -21,6 +21,7 @@ import { useSCContextSelector } from '../../context';
 const Shared = () => {
   useBlockBackAndroid();
   useTitleHeader(t('text_shared_with_me'));
+  const t = useTranslations();
   const navigation = useNavigation();
   const [tab, setTabActiveState] = useState(0);
 
@@ -102,7 +103,7 @@ const Shared = () => {
         textFilter: t('text_can_edit'),
       },
     ],
-    []
+    [t]
   );
 
   return (

package/src/screens/Sharing/MemberList.js

@@ -7,7 +7,7 @@ import {
   View,
   ActivityIndicator,
 } from 'react-native';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../hooks/Common/useTranslations';
 
 import { Colors } from '../../configs';
 import Routes from '../../utils/Route';
@@ -21,6 +21,7 @@ import { TESTID } from '../../configs/Constants';
 import { useSCContextSelector } from '../../context';
 
 const MemberList = ({ route }) => {
+  const t = useTranslations();
   const { navigate } = useNavigation();
   const account = useSCContextSelector((state) => state.auth.account);
   const { unitId, unit } = route.params;

package/src/screens/Sharing/SelectPermission.js

@@ -8,7 +8,7 @@ import {
   Platform,
 } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../hooks/Common/useTranslations';
 
 import { API, Colors } from '../../configs';
 import ViewButtonBottom from '../../commons/ViewButtonBottom';
@@ -23,6 +23,7 @@ import { TESTID } from '../../configs/Constants';
 let dataStationTemp = [];
 
 const SelectPermission = ({ route }) => {
+  const t = useTranslations();
   const { unit } = route.params;
   const navigation = useNavigation();
   const [dataStations, setDataStations] = useState([]);

package/src/screens/Sharing/SelectUser.js

@@ -7,7 +7,7 @@ import {
   SafeAreaView,
 } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../hooks/Common/useTranslations';
 
 import { API, Colors, Theme } from '../../configs';
 import AccountList from '../../commons/Auth/AccountList';
@@ -22,6 +22,7 @@ import { TESTID } from '../../configs/Constants';
 import Text from '../../commons/Text';
 
 const SelectUser = ({ route }) => {
+  const t = useTranslations();
   const navigation = useNavigation();
   const { unit, permissions } = route.params;
   const [errorText, setErrorText] = useState('');
@@ -64,7 +65,7 @@ const SelectUser = ({ route }) => {
     }
     setErrorText('');
     sharePermissions(phone, email);
-  }, [content, sharePermissions]);
+  }, [content, sharePermissions, t]);
 
   const onPressNext = useCallback(() => {
     navigation.dangerouslyGetParent().goBack();

package/src/screens/Sharing/__test__/MemberList.test.js

@@ -3,14 +3,15 @@ import React from 'react';
 import { create, act } from 'react-test-renderer';
 import axios from 'axios';
 import Toast from 'react-native-toast-message';
-import { useSelector } from 'react-redux';
 import MemberList from '../MemberList';
 import { AlertAction } from '../../../commons';
 import SharingMembers from '../../../commons/Sharing/MemberList';
 import API from '../../../configs/API';
-import { t } from 'i18n-js';
 import { TESTID } from '../../../configs/Constants';
 import { TouchableOpacity } from 'react-native';
+import { getTranslate } from '../../../utils/I18n';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
 import Routes from '../../../utils/Route';
 
 const mockedNavigate = jest.fn();
@@ -41,24 +42,25 @@ jest.mock('react-redux', () => {
   };
 });
 
+const wrapComponent = (route, state) => (
+  <SCProvider initState={mockSCStore(state)}>
+    <MemberList route={route} />
+  </SCProvider>
+);
+
 describe('test MemberList', () => {
   let route;
-  let account;
-
-  beforeEach(() => {
-    const localState = {
-      auth: {
-        account: {
-          user: {
-            id: 2,
-          },
+  let localState = {
+    auth: {
+      account: {
+        user: {
+          id: 2,
         },
       },
-    };
-    useSelector.mockImplementation((cb) => {
-      return cb(localState);
-    });
+    },
+  };
 
+  beforeEach(() => {
     route = {
       params: {
         unitId: 1,
@@ -69,11 +71,6 @@ describe('test MemberList', () => {
         },
       },
     };
-    account = {
-      user: {
-        id: 1,
-      },
-    };
   });
 
   afterEach(() => {
@@ -82,7 +79,7 @@ describe('test MemberList', () => {
 
   test('render MemberList', async () => {
     await act(async () => {
-      await create(<MemberList route={route} account={account} />);
+      await create(wrapComponent(route, localState));
     });
     expect(axios.get).toHaveBeenCalledWith(API.SHARE.UNITS_MEMBERS(1), {});
   });
@@ -98,7 +95,7 @@ describe('test MemberList', () => {
 
     let tree;
     await act(async () => {
-      tree = await create(<MemberList route={route} account={account} />);
+      tree = await create(wrapComponent(route, localState));
     });
     const instance = tree.root;
     const alertAction = instance.findByType(AlertAction);
@@ -111,8 +108,8 @@ describe('test MemberList', () => {
     expect(Toast.show).toHaveBeenCalledWith({
       type: 'success',
       position: 'bottom',
-      text1: t('sharing_removed_user', {
-        name: '[missing %{name} value]',
+      text1: getTranslate('en', 'sharing_removed_user', {
+        name: 'undefined',
       }),
       visibilityTime: 1000,
     });
@@ -134,7 +131,7 @@ describe('test MemberList', () => {
 
     let tree;
     await act(async () => {
-      tree = await create(<MemberList route={route} account={account} />);
+      tree = await create(wrapComponent(route, localState));
     });
     const instance = tree.root;
     const sharingMember = instance.findAllByType(SharingMembers);
@@ -158,7 +155,7 @@ describe('test MemberList', () => {
 
     let tree;
     await act(async () => {
-      tree = await create(<MemberList route={route} account={account} />);
+      tree = await create(wrapComponent(route, localState));
     });
     const instance = tree.root;
     const button = instance.find(
@@ -172,7 +169,7 @@ describe('test MemberList', () => {
     expect(axios.get).toHaveBeenCalledWith(API.SHARE.UNITS_MEMBERS(1), {});
     expect(mockedNavigate).toHaveBeenCalledWith(Routes.AddMemberStack, {
       screen: Routes.SharingSelectPermission,
-      params: { unit: { id: 1 } },
+      params: { unit: { id: route.params.unitId } },
     });
   });
 
@@ -193,7 +190,7 @@ describe('test MemberList', () => {
 
     let tree;
     await act(async () => {
-      tree = await create(<MemberList route={route} account={account} />);
+      tree = await create(wrapComponent(route, localState));
     });
     const instance = tree.root;
     const button = instance.find(

package/src/screens/Sharing/__test__/SelectPermission.test.js

@@ -7,6 +7,8 @@ import axios from 'axios';
 import { SensorItem, TitleCheckBox } from '../Components';
 import { ViewButtonBottom } from '../../../commons';
 import Routes from '../../../utils/Route';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
 
 jest.mock('axios');
 
@@ -31,6 +33,12 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
+const wrapComponent = (route) => (
+  <SCProvider initState={mockSCStore({})}>
+    <SelectPermission route={route} />
+  </SCProvider>
+);
+
 describe('Test SelectPermission', () => {
   let tree;
   let route = { params: { unit: null } };
@@ -81,7 +89,7 @@ describe('Test SelectPermission', () => {
   it('test unit null', () => {
     Platform.OS = 'android';
     act(() => {
-      tree = create(<SelectPermission route={route} />);
+      tree = create(wrapComponent(route));
     });
     expect(axios.get).not.toBeCalled();
   });
@@ -93,11 +101,11 @@ describe('Test SelectPermission', () => {
     route.params.unit = 1;
     axios.get.mockImplementationOnce(() => ({ status: 200, data: [] }));
     act(() => {
-      tree = create(<SelectPermission route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const TextElement = instance.findAllByType(Text);
-    expect(TextElement[2].props.children).toBe('Không có dữ liệu');
+    expect(TextElement[2].props.children).toBe('No data');
   });
 
   it('test get unit fail', () => {
@@ -106,17 +114,17 @@ describe('Test SelectPermission', () => {
     route.params.unit = 1;
     axios.get.mockImplementationOnce(() => ({ status: 400, data: [] }));
     act(() => {
-      tree = create(<SelectPermission route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const TextElement = instance.findAllByType(Text);
-    expect(TextElement[2].props.children).toBe('Không có dữ liệu');
+    expect(TextElement[2].props.children).toBe('No data');
   });
 
   it('render list', () => {
     mocSetdata();
     act(() => {
-      tree = create(<SelectPermission route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const FlatListElement = instance.findAllByType(FlatList);
@@ -151,7 +159,7 @@ describe('Test SelectPermission', () => {
   it('test onTickedChild function', () => {
     mocSetdata();
     act(() => {
-      tree = create(<SelectPermission route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const SensorItemElement = instance.findAllByType(SensorItem);
@@ -165,7 +173,7 @@ describe('Test SelectPermission', () => {
   it('test ViewButtonBottom', () => {
     mocSetdata();
     act(() => {
-      tree = create(<SelectPermission route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const ViewButtonBottomElement = instance.findAllByType(ViewButtonBottom);

package/src/screens/Sharing/__test__/SelectUser.test.js

@@ -3,12 +3,20 @@ import { create, act } from 'react-test-renderer';
 import axios from 'axios';
 
 import SelectUser from '../SelectUser';
-import { t } from 'i18n-js';
 import { TESTID } from '../../../configs/Constants';
 import { ViewButtonBottom, Button } from '../../../commons';
 import _TextInput from '../../../commons/Form/TextInput';
 import AccountList from '../../../commons/Auth/AccountList';
 import { API } from '../../../configs';
+import { getTranslate } from '../../../utils/I18n';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+
+const wrapComponent = (route) => (
+  <SCProvider initState={mockSCStore({})}>
+    <SelectUser route={route} />
+  </SCProvider>
+);
 
 const mockedNavigate = jest.fn();
 const mockedGoBack = jest.fn();
@@ -73,7 +81,7 @@ describe('test SelectUser container', () => {
 
   test('create', async () => {
     await act(async () => {
-      tree = create(<SelectUser route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const textTitle = findByTestId(instance, TESTID.SELECT_USER_ADD_USER_TITLE);
@@ -81,18 +89,26 @@ describe('test SelectUser container', () => {
       instance,
       TESTID.SELECT_USER_ADD_USER_SUB_TITLE
     );
-    expect(textTitle.props.children).toEqual(t('add_user_title'));
-    expect(textSubTitle.props.children).toEqual(t('add_user_sub_title'));
+    expect(textTitle.props.children).toEqual(
+      getTranslate('en', 'add_user_title')
+    );
+    expect(textSubTitle.props.children).toEqual(
+      getTranslate('en', 'add_user_sub_title')
+    );
   });
 
   test('viewButtonBottom and onLeftClick', async () => {
     await act(async () => {
-      tree = create(<SelectUser route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const viewButtonBottom = instance.findByType(ViewButtonBottom);
-    expect(viewButtonBottom.props.leftTitle).toEqual(t('cancel'));
-    expect(viewButtonBottom.props.rightTitle).toEqual(t('done'));
+    expect(viewButtonBottom.props.leftTitle).toEqual(
+      getTranslate('en', 'cancel')
+    );
+    expect(viewButtonBottom.props.rightTitle).toEqual(
+      getTranslate('en', 'done')
+    );
     act(() => {
       viewButtonBottom.props.onLeftClick();
     });
@@ -101,7 +117,7 @@ describe('test SelectUser container', () => {
 
   test('viewButtonBottom onRightClick', async () => {
     await act(async () => {
-      tree = create(<SelectUser route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const viewButtonBottom = instance.findByType(ViewButtonBottom);
@@ -121,16 +137,18 @@ describe('test SelectUser container', () => {
     mockAxiosPost(response);
 
     await act(async () => {
-      tree = await create(<SelectUser route={route} />);
+      tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
 
     const textInput = instance.findByType(_TextInput);
-    expect(textInput.props.placeholder).toEqual(t('phone_number_or_email'));
+    expect(textInput.props.placeholder).toEqual(
+      getTranslate('en', 'phone_number_or_email')
+    );
     expect(textInput.props.errorText).toEqual('');
 
     const button = instance.findByType(Button);
-    expect(button.props.title).toEqual(t('add_user_invite'));
+    expect(button.props.title).toEqual(getTranslate('en', 'add_user_invite'));
     expect(button.props.type).toEqual('primary');
 
     let accountList = instance.findAllByType(AccountList);
@@ -173,7 +191,7 @@ describe('test SelectUser container', () => {
     };
 
     await act(async () => {
-      tree = create(<SelectUser route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
     const textInput = instance.findByType(_TextInput);
@@ -210,7 +228,7 @@ describe('test SelectUser container', () => {
     mockAxiosPost(response);
 
     await act(async () => {
-      tree = create(<SelectUser route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
 
@@ -228,7 +246,7 @@ describe('test SelectUser container', () => {
     });
 
     expect(textInput.props.errorText).toEqual(
-      t('invalid_phone_number_or_email')
+      getTranslate('en', 'invalid_phone_number_or_email')
     );
     expect(axios.post).not.toHaveBeenCalled();
   });
@@ -238,7 +256,7 @@ describe('test SelectUser container', () => {
     mockAxiosPost(response);
 
     await act(async () => {
-      tree = create(<SelectUser route={route} />);
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
 

package/src/screens/Sharing/hooks/index.js

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useState } from 'react';
 import { useNavigation } from '@react-navigation/native';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../../hooks/Common/useTranslations';
 
 import { API } from '../../../configs';
 import Routes from '../../../utils/Route';
@@ -8,6 +8,7 @@ import { axiosDelete, axiosGet } from '../../../utils/Apis/axios';
 import { ToastBottomHelper } from '../../../utils/Utils';
 
 const useDataMember = (unitId) => {
+  const t = useTranslations();
   const { navigate, addListener } = useNavigation();
   const [dataMembers, setDataMembers] = useState([]);
   const [loading, setLoading] = useState(false);
@@ -30,7 +31,7 @@ const useDataMember = (unitId) => {
       );
       setDataMembers(dataMembers.filter((item) => item.share_id !== id));
     },
-    [dataMembers, unitId]
+    [dataMembers, t, unitId]
   );
   const leaveUnit = useCallback(
     (unitName) => async () => {
@@ -39,7 +40,7 @@ const useDataMember = (unitId) => {
       setDataMembers([]);
       navigate(Routes.Dashboard);
     },
-    [navigate, unitId]
+    [navigate, t, unitId]
   );
 
   const onRefresh = useCallback(async () => {
@@ -74,6 +75,7 @@ const useDataMember = (unitId) => {
 };
 
 const useStateAlertAction = () => {
+  const t = useTranslations();
   const [stateAlertAction, setStateAlertAction] = useState({
     visible: false,
     title: '',
@@ -85,19 +87,22 @@ const useStateAlertAction = () => {
   const hideAlertAction = useCallback(() => {
     setStateAlertAction({ ...stateAlertAction, visible: false });
   }, [stateAlertAction]);
-  const onPressRemoveUser = useCallback((member) => {
-    setStateAlertAction((action) => {
-      let name = member.name || 'N/A';
-      return {
-        ...action,
-        visible: true,
-        title: t('sharing_remove_user', { name: name }),
-        message: t('sharing_remove_user_message', { name: name }),
-        rightButton: t('remove'),
-        member: member,
-      };
-    });
-  }, []);
+  const onPressRemoveUser = useCallback(
+    (member) => {
+      setStateAlertAction((action) => {
+        let name = member.name || 'N/A';
+        return {
+          ...action,
+          visible: true,
+          title: t('sharing_remove_user', { name: name }),
+          message: t('sharing_remove_user_message', { name: name }),
+          rightButton: t('remove'),
+          member: member,
+        };
+      });
+    },
+    [t]
+  );
   const stateLeaveUnit = useCallback(() => {
     setStateAlertAction((action) => {
       return {
@@ -109,7 +114,7 @@ const useStateAlertAction = () => {
         member: null,
       };
     });
-  }, []);
+  }, [t]);
 
   return {
     stateAlertAction,

package/src/screens/SubUnit/AddSubUnit.js

@@ -7,7 +7,7 @@ import {
   SafeAreaView,
 } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../hooks/Common/useTranslations';
 
 import { API, Colors } from '../../configs';
 import { ViewButtonBottom, ImagePicker } from '../../commons';
@@ -20,6 +20,7 @@ import { TESTID } from '../../configs/Constants';
 import styles from './AddSubUnitStyles';
 
 const AddSubUnit = ({ route }) => {
+  const t = useTranslations();
   const navigation = useNavigation();
   const { unit, addType } = route.params;
   const [roomName, setRoomName] = useState('');
@@ -56,7 +57,7 @@ const AddSubUnit = ({ route }) => {
     } else {
       ToastBottomHelper.error(t('text_create_sub_unit_fail'));
     }
-  }, [addType, navigation, roomName, route.params, unit, wallpaper]);
+  }, [addType, navigation, roomName, route.params, t, unit, wallpaper]);
 
   const onChoosePhoto = useCallback(() => {
     setShowImagePicker(true);