@eohjsc/react-native-smart-city 0.2.91 → 0.2.94

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

@@ -0,0 +1,90 @@
+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 Text from '../../../commons/Text';
+import BottomSheet from '../../../commons/BottomSheet';
+import { Colors } from '../../../configs';
+import { useTranslations } from '../../../hooks/Common/useTranslations';
+import SmartPhoneSvg from '../../../../assets/images/Common/SmartPhone.svg';
+import { TESTID } from '../../../configs/Constants';
+
+const RequestFaceIDPopup = ({
+  title,
+  isVisible,
+  setHide,
+  onCaptureFaceID,
+  onChooseFile,
+}) => {
+  const t = useTranslations();
+  const options = [
+    {
+      icon: <IconFill name="camera" color={Colors.Gray9} size={27} />,
+      text: t('capture_image'),
+      onChoose: () => {
+        setHide();
+        onCaptureFaceID && onCaptureFaceID();
+      },
+    },
+    {
+      icon: <SmartPhoneSvg />,
+      text: t('pick_available_image_from_your_phone'),
+      onChoose: async () => {
+        setHide();
+        const options = {
+          mediaType: 'photo',
+          compressImageMaxHeight: 1280,
+          compressImageMaxWidth: 738,
+          compressImageQuality: 0.7,
+          forceJpg: true,
+        };
+        try {
+          const result = await ImagePicker.openPicker(options);
+          onChooseFile && onChooseFile(result);
+        } catch (e) {}
+      },
+    },
+  ];
+
+  return (
+    <BottomSheet
+      isVisible={isVisible}
+      onBackdropPress={setHide}
+      title={title}
+      style={styles.wrap}
+    >
+      {options.map((option, i) => (
+        <TouchableOpacity
+          key={i}
+          onPress={option.onChoose}
+          style={styles.row}
+          testID={`${TESTID.HANET_ADD_MEMBER_OPTION}_${i}`}
+        >
+          {option.icon}
+          <Text type="H4" color={Colors.Gray9} style={styles.textOption}>
+            {option.text}
+          </Text>
+        </TouchableOpacity>
+      ))}
+    </BottomSheet>
+  );
+};
+
+export default RequestFaceIDPopup;
+
+const styles = StyleSheet.create({
+  wrap: {
+    paddingBottom: 50,
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 16,
+    marginHorizontal: 16,
+    borderBottomColor: Colors.Gray3,
+    borderBottomWidth: 1,
+  },
+  textOption: {
+    marginLeft: 18,
+  },
+});

package/src/screens/HanetCamera/hooks/__test__/useHanetCheckinData.test.js

@@ -38,6 +38,13 @@ describe('Test useHanetCheckinData', () => {
           detected_mask: 'MASK_ON',
           created_at: moment(),
         },
+        {
+          id: 3,
+          person_type: 'IMAGE_FROM_CAMERA',
+          detected_image_uri: 'uri',
+          detected_mask: 'NOT_HANDLE',
+          created_at: moment(),
+        },
       ],
     };
   });
@@ -129,19 +136,9 @@ describe('Test useHanetCheckinData', () => {
     expect(result.current.countMember).toBe(1);
     expect(result.current.countStranger).toBe(1);
 
+    // send old data
     await act(async () => {
-      await result.current.onChangeDate(moment().add(-1, 'days'));
-    });
-    const newData4 = {
-      id: 4,
-      person_name: 'name 2',
-      person_type: 'STRANGER',
-      detected_image_uri: 'uri',
-      detected_mask: 'MASK_ON',
-      created_at: moment(),
-    };
-    await act(async () => {
-      await result.current.onReceiveNewCheckinData(newData4);
+      await result.current.onReceiveNewCheckinData(newData2);
     });
     // no change
     expect(result.current.checkinData).toHaveLength(2);

package/src/screens/HanetCamera/hooks/useHanetCheckinData.js

@@ -48,7 +48,7 @@ const useHanetCheckinData = (hanetCamera) => {
       } else {
         setCanLoadMore(page < Math.ceil(data.count / 20));
         setCheckinData((prevData) =>
-          _.uniqBy(prevData.concat(data.results || []))
+          _.uniqBy(prevData.concat(data.results || []), 'id')
         );
       }
     }
@@ -80,17 +80,20 @@ const useHanetCheckinData = (hanetCamera) => {
   };
 
   const onReceiveNewCheckinData = (data) => {
-    if (!moment(data.created_at).isSame(date, 'date')) {
+    if (!moment(data.created_at).isSame(moment(), 'date')) {
       return;
     }
     setCheckinData((listData) => {
+      const existed = listData.find((i) => i.id === data.id);
+      if (!existed) {
+        if (['EMPLOYEE', 'CUSTOMER'].includes(data.person_type)) {
+          setCountMember((prevData) => prevData + 1);
+        } else {
+          setCountStranger((prevData) => prevData + 1);
+        }
+      }
       return _.uniqBy([data, ...listData], 'id');
     });
-    if (['EMPLOYEE', 'CUSTOMER'].includes(data.person_type)) {
-      setCountMember((prevData) => prevData + 1);
-    } else {
-      setCountStranger((prevData) => prevData + 1);
-    }
   };
 
   useEffect(() => {

package/src/screens/HanetCamera/styles/manageAccessStyles.js

@@ -32,18 +32,4 @@ export default StyleSheet.create({
     marginLeft: 16,
     flex: 1,
   },
-  addMemberModal: {
-    paddingBottom: 50,
-  },
-  row: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingVertical: 16,
-    marginHorizontal: 16,
-    borderBottomColor: Colors.Gray3,
-    borderBottomWidth: 1,
-  },
-  textOption: {
-    marginLeft: 18,
-  },
 });

package/src/screens/MoveToAnotherSubUnit/index.js

@@ -35,7 +35,9 @@ const MoveToAnotherSubUnit = memo(({ route }) => {
   const { params = {} } = route;
   const { unit, sensor, station } = params;
   const { navigate } = useNavigation();
-  const [selectedSubUnit, setSelectedSubUnit] = useState(station);
+  const [selectedSubUnit, setSelectedSubUnit] = useState(
+    unit.stations?.find((subUnit) => subUnit.id === station.id)
+  );
 
   const listStationUnit = useMemo(() => {
     return unit.stations.slice(2);

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

@@ -36,7 +36,7 @@ describe('test NotificationItem', () => {
       id: 1,
       content_code: '',
       is_read: true,
-      params: JSON.stringify({ booking_id: 1, booking_id_new: 1 }),
+      params: "{'booking_id': 1, 'booking_id_new': 1}",
       created_at: '',
       icon: '',
     };
@@ -49,62 +49,47 @@ describe('test NotificationItem', () => {
     {
       content_code: NOTIFICATION_TYPES.REMIND_TO_MAKE_PAYMENT,
       screen: Routes.SmartParkingBookingDetails,
-      params: { id: 1 },
+      params: "{ 'id': 1 }",
     },
     {
       content_code: NOTIFICATION_TYPES.EXPIRE_PARKING_SESSION,
       screen: Routes.SmartParkingBookingDetails,
-      params: { id: 1 },
+      params: "{ 'id': 1 }",
     },
     {
       content_code: NOTIFICATION_TYPES.REMIND_TO_SCAN_QR_CODE,
       screen: Routes.SmartParkingBookingDetails,
-      params: { id: 1 },
-    },
-    {
-      content_code: NOTIFICATION_TYPES.USER_CANCEL,
-      screen: Routes.MyBookingList,
-      params: { tab: 1 },
-    },
-    {
-      content_code: NOTIFICATION_TYPES.SYSTEM_CANCEL_NO_PAYMENT,
-      screen: Routes.MyBookingList,
-      params: { tab: 1 },
+      params: "{ 'id': 1 }",
     },
     {
       content_code: NOTIFICATION_TYPES.BOOKING_SUCCESSFULLY,
       screen: Routes.SmartParkingBookingDetails,
-      params: { id: 1 },
-    },
-    {
-      content_code: NOTIFICATION_TYPES.PARKING_COMPLETED,
-      screen: Routes.MyBookingList,
-      params: { tab: 1 },
+      params: "{ 'id': 1 }",
     },
     {
       content_code: NOTIFICATION_TYPES.BOOKING_EXPIRED_AND_VIOLATION_CREATED,
       screen: Routes.SmartParkingBookingDetails,
-      params: { id: 1 },
+      params: "{ 'id': 1 }",
     },
     {
       content_code: NOTIFICATION_TYPES.MOVE_CAR_WITHOUT_PAY_VIOLATION,
       screen: Routes.SmartParkingBookingDetails,
-      params: { id: 1 },
+      params: "{ 'id': 1 }",
     },
     {
       content_code: NOTIFICATION_TYPES.PAY_FINE_SUCCESSFULLY,
       screen: Routes.SmartParkingBookingDetails,
-      params: { id: 1 },
+      params: "{ 'id': 1 }",
     },
     {
       content_code: NOTIFICATION_TYPES.STOP_VIOLATION_FREE_PARKING_ZONE,
       screen: Routes.SmartParkingBookingDetails,
-      params: { id: 1 },
+      params: "{ 'id': 1 }",
     },
     {
       content_code: NOTIFICATION_TYPES.PAY_FINE_AND_EXTEND_SUCCESSFULLY,
       screen: Routes.SmartParkingBookingDetails,
-      params: { id: 1 },
+      params: "{ 'id': 1 }",
     },
   ];
 
@@ -121,7 +106,42 @@ describe('test NotificationItem', () => {
       });
       expect(mockNavigate).toHaveBeenCalledWith(Routes.SmartParkingStack, {
         screen: notify.screen,
-        params: notify.params,
+        params: { id: 1 },
+      });
+    });
+  }
+
+  const listCaseSmartParking2 = [
+    {
+      content_code: NOTIFICATION_TYPES.USER_CANCEL,
+      screen: Routes.MyBookingList,
+      params: "{ 'tab': 1 }",
+    },
+    {
+      content_code: NOTIFICATION_TYPES.SYSTEM_CANCEL_NO_PAYMENT,
+      screen: Routes.MyBookingList,
+      params: "{ 'tab': 1 }",
+    },
+    {
+      content_code: NOTIFICATION_TYPES.PARKING_COMPLETED,
+      screen: Routes.MyBookingList,
+      params: "{ 'tab': 1 }",
+    },
+  ];
+  for (const notify of listCaseSmartParking2) {
+    test(`create ItemNotification ${notify.content_code}`, () => {
+      item.content_code = notify.content_code;
+      act(() => {
+        tree = create(wrapComponent(item));
+      });
+      const instance = tree.root;
+      const button = instance.findByType(TouchableOpacity);
+      act(() => {
+        button.props.onPress();
+      });
+      expect(mockNavigate).toHaveBeenCalledWith(Routes.SmartParkingStack, {
+        screen: notify.screen,
+        params: { tab: 1 },
       });
     });
   }
@@ -160,15 +180,7 @@ describe('test NotificationItem', () => {
   for (const sensorType of listSensorType) {
     test(`create ItemNotification NOTIFY_INDICATOR sensor_type ${sensorType}`, () => {
       item.content_code = NOTIFICATION_TYPES.NOTIFY_INDICATOR;
-      item.params = JSON.stringify({
-        unit_name: 'EoH Office',
-        status: 'Very Poor',
-        sensor_type: sensorType,
-        unit_id: 5,
-        summary_id: 11,
-        sensor_id: '',
-      });
-
+      item.params = `{'sensor_type': '${sensorType}', 'unit_id': 5, 'summary_id': 11}`;
       act(() => {
         tree = create(wrapComponent(item));
       });
@@ -196,14 +208,7 @@ describe('test NotificationItem', () => {
   for (const sensorType of listSensorType2) {
     test(`create ItemNotification NOTIFY_INDICATOR sensor_type ${sensorType}`, () => {
       item.content_code = NOTIFICATION_TYPES.NOTIFY_INDICATOR;
-      item.params = JSON.stringify({
-        unit_name: 'Lavida Smart Home',
-        status: '',
-        sensor_type: sensorType,
-        unit_id: 70,
-        summary_id: '',
-        sensor_id: 394,
-      });
+      item.params = `{'sensor_type': '${sensorType}', 'unit_id': 70, 'sensor_id': 394}`;
 
       act(() => {
         tree = create(wrapComponent(item));
@@ -225,14 +230,8 @@ describe('test NotificationItem', () => {
 
   test('test onClick Item Notify', () => {
     item.content_code = NOTIFICATION_TYPES.NOTIFY_INDICATOR;
-    item.params = JSON.stringify({
-      unit_name: 'EoH Office',
-      status: 'Very Poor',
-      sensor_type: 'air_quality',
-      unit_id: 5,
-      summary_id: 11,
-      sensor_id: '',
-    });
+    item.params =
+      "{'sensor_type': 'air_quality', 'unit_id': 5, 'summary_id': 11}";
     item.is_read = false;
     act(() => {
       tree = create(wrapComponent(item));
@@ -254,9 +253,21 @@ describe('test NotificationItem', () => {
 
   test('test render Notify not in any case', () => {
     item.content_code = 'NEW CASE';
-    item.params = JSON.stringify({
-      unit_id: 1,
+    (item.params = "{ 'unit_id': 1 }"),
+      act(() => {
+        tree = create(wrapComponent(item));
+      });
+    const instance = tree.root;
+    const button = instance.findByType(TouchableOpacity);
+    act(() => {
+      button.props.onPress();
     });
+    expect(mockNavigate).not.toHaveBeenCalledWith();
+  });
+
+  test('test render Notify params is object', () => {
+    item.content_code = 'NEW CASE';
+    item.params = { unit_id: 1 };
     act(() => {
       tree = create(wrapComponent(item));
     });

package/src/screens/Notification/components/NotificationItem.js

@@ -22,14 +22,24 @@ const NotificationItem = memo(({ item }) => {
     return /\B'|'\B/g;
   }, []);
 
+  const paramsJSON = useMemo(() => {
+    if (typeof params === 'object') {
+      return params;
+    }
+    // TODO return this later
+    let stringParams = JSON.stringify(params);
+    stringParams = stringParams.replace(regex, '"');
+    stringParams = stringParams.substring(1, stringParams.length - 1);
+    return JSON.parse(stringParams);
+  }, [params, regex]);
+
   let arrParams = useMemo(() => {
     const values = [];
-    const paramsJSON = JSON.parse(params.replace(regex, '"'));
     Object.entries(paramsJSON).forEach(([key, value]) => {
       values.push(value);
     });
     return values;
-  }, [params, regex]);
+  }, [paramsJSON]);
 
   const customColorText = (text, params) => {
     return text.split('**').map((str, i) =>
@@ -46,7 +56,6 @@ const NotificationItem = memo(({ item }) => {
   };
 
   const renderItem = useCallback(() => {
-    const paramsJSON = JSON.parse(params.replace(regex, '"'));
     const booking_id = paramsJSON.booking_id && paramsJSON.booking_id;
     const unitId = paramsJSON?.unit_id;
     const sensorId = paramsJSON?.sensor_id;
@@ -513,7 +522,7 @@ const NotificationItem = memo(({ item }) => {
           iconContent: <Image source={Images.logo} style={styles.logo} />,
         };
     }
-  }, [arrParams, content_code, navigation, params, regex, t]);
+  }, [arrParams, content_code, navigation, paramsJSON, t]);
 
   const { content, redirect, iconContent } = renderItem() || {};
 

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

@@ -73,6 +73,9 @@ describe('Test ScriptDetail', () => {
           sensor_id: 73,
           type: 'value_change',
           value: 35,
+          script: {
+            id: 1,
+          },
         },
       },
     };
@@ -171,7 +174,9 @@ describe('Test ScriptDetail', () => {
     await act(async () => {
       await buttonStar.props.onPress();
     });
-    expect(axios.post).toHaveBeenCalledWith(API.AUTOMATE.STAR_SCRIPT(1));
+    expect(axios.post).toHaveBeenCalledWith(
+      API.AUTOMATE.STAR_SCRIPT(route.params.automate.id)
+    );
 
     axios.post.mockClear();
     axios.post.mockImplementation(async () => {
@@ -180,7 +185,9 @@ describe('Test ScriptDetail', () => {
     await act(async () => {
       await buttonStar.props.onPress();
     });
-    expect(axios.post).toHaveBeenCalledWith(API.AUTOMATE.UNSTAR_SCRIPT(1));
+    expect(axios.post).toHaveBeenCalledWith(
+      API.AUTOMATE.UNSTAR_SCRIPT(route.params.automate.id)
+    );
 
     const menu = instance.findByType(MenuActionMore);
     const addFavorite = menu.props.listMenuItem[1];
@@ -191,7 +198,9 @@ describe('Test ScriptDetail', () => {
     await act(async () => {
       await menu.props.onItemClick(addFavorite);
     });
-    expect(axios.post).toHaveBeenCalledWith(API.AUTOMATE.STAR_SCRIPT(1));
+    expect(axios.post).toHaveBeenCalledWith(
+      API.AUTOMATE.STAR_SCRIPT(route.params.automate.id)
+    );
 
     const removeFavorite = menu.props.listMenuItem[1];
     axios.post.mockClear();
@@ -201,7 +210,9 @@ describe('Test ScriptDetail', () => {
     await act(async () => {
       await menu.props.onItemClick(removeFavorite);
     });
-    expect(axios.post).toHaveBeenCalledWith(API.AUTOMATE.UNSTAR_SCRIPT(1));
+    expect(axios.post).toHaveBeenCalledWith(
+      API.AUTOMATE.UNSTAR_SCRIPT(route.params.automate.id)
+    );
   });
 
   test('test activate one tap', async () => {

package/src/screens/ScriptDetail/hooks/useStarredScript.js

@@ -0,0 +1,32 @@
+import { useCallback, useContext } from 'react';
+import { SCContext, useSCContextSelector } from '../../../context';
+import { Action } from '../../../context/actionType';
+import { axiosPost } from '../../../utils/Apis/axios';
+import { API } from '../../../configs';
+
+export const useStarredScript = (automate) => {
+  const { setAction } = useContext(SCContext);
+  const starredScriptIds = useSCContextSelector(
+    (state) => state.automate.starredScriptIds
+  );
+
+  const isStarred = starredScriptIds.includes(automate?.script?.id);
+
+  const starScript = useCallback(async () => {
+    const { success } = await axiosPost(API.AUTOMATE.STAR_SCRIPT(automate?.id));
+    success && setAction(Action.STAR_SCRIPT, automate?.script?.id);
+  }, [automate, setAction]);
+
+  const unstarScript = useCallback(async () => {
+    const { success } = await axiosPost(
+      API.AUTOMATE.UNSTAR_SCRIPT(automate?.id)
+    );
+    success && setAction(Action.UNSTAR_SCRIPT, automate?.script?.id);
+  }, [automate, setAction]);
+
+  return {
+    isStarred,
+    starScript,
+    unstarScript,
+  };
+};

package/src/screens/ScriptDetail/index.js

@@ -19,6 +19,7 @@ import WrapHeaderScrollable from '../../commons/Sharing/WrapHeaderScrollable';
 import { API, Colors, Images } from '../../configs';
 import { usePopover } from '../../hooks/Common';
 import { useStateAlertAction } from './hooks';
+import { useStarredScript } from './hooks/useStarredScript';
 import MenuActionMore from '../../commons/MenuActionMore';
 import Add from '../../../assets/images/Add.svg';
 import { useNavigation } from '@react-navigation/native';
@@ -67,7 +68,6 @@ const ScriptDetail = ({ route }) => {
     isCreateNewAction,
     isMultiUnits,
   } = params;
-  const [isStar, setIsStar] = useState(false);
   const [scriptName, setScriptName] = useState(name);
   const [inputName, setInputName] = useState(name);
   const [
@@ -79,6 +79,8 @@ const ScriptDetail = ({ route }) => {
   ] = useStateAlertAction();
   const [data, setData] = useState([]);
 
+  const { isStarred, starScript, unstarScript } = useStarredScript(automate);
+
   const [transY] = useKeyboardAnimated(-16);
   const animatedStyle = Platform.select({
     ios: {
@@ -126,30 +128,20 @@ const ScriptDetail = ({ route }) => {
     }
   }, [stateAlertAction.isDelete, deleteScript, renameScript]);
 
-  const starScript = useCallback(async () => {
-    const { success } = await axiosPost(API.AUTOMATE.STAR_SCRIPT(id));
-    success && setIsStar(true);
-  }, [id]);
-
-  const unstarScript = useCallback(async () => {
-    const { success } = await axiosPost(API.AUTOMATE.UNSTAR_SCRIPT(id));
-    success && setIsStar(false);
-  }, [id]);
-
   const onPressStar = useCallback(() => {
-    if (isStar) {
+    if (isStarred) {
       unstarScript();
     } else {
       starScript();
     }
-  }, [isStar, starScript, unstarScript]);
+  }, [isStarred, starScript, unstarScript]);
 
   const listMenuItem = useMemo(
     () => [
       { text: t('rename'), doAction: onShowRename(havePermission) },
       {
-        text: isStar ? t('remove_favorite') : t('add_favorite'),
-        doAction: isStar ? unstarScript : starScript,
+        text: isStarred ? t('remove_favorite') : t('add_favorite'),
+        doAction: isStarred ? unstarScript : starScript,
       },
       {
         text: t('activity_log'),
@@ -170,7 +162,7 @@ const ScriptDetail = ({ route }) => {
       unit,
       onShowDelete,
       scriptName,
-      isStar,
+      isStarred,
       starScript,
       unstarScript,
     ]
@@ -189,7 +181,6 @@ const ScriptDetail = ({ route }) => {
   const getScriptDetail = useCallback(async () => {
     const { success, data } = await axiosGet(API.AUTOMATE.SCRIPT(id));
     success && setData(data?.script_actions || []);
-    success && setIsStar(data?.is_star);
   }, [id]);
 
   const onPressEdit = useCallback(() => {
@@ -318,7 +309,7 @@ const ScriptDetail = ({ route }) => {
         onPress={onPressStar}
         testID={TESTID.HEADER_DEVICE_BUTTON_STAR}
       >
-        {isStar ? (
+        {isStarred ? (
           <IconFill name="star" size={25} color={Colors.Yellow6} />
         ) : (
           <IconOutline name="star" size={25} />
@@ -326,7 +317,7 @@ const ScriptDetail = ({ route }) => {
       </PreventDoubleTouch>
     );
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isStar]);
+  }, [isStarred]);
 
   const rightComponent = useMemo(
     () => (
@@ -342,7 +333,7 @@ const ScriptDetail = ({ route }) => {
       </View>
     ),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [isStar]
+    [isStarred]
   );
 
   useEffect(() => {

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

@@ -35,6 +35,11 @@ describe('Test TabHeader', () => {
     });
     const instance = tree.root;
     const touchableOpacity = instance.findAllByType(TouchableOpacity);
+    act(() => {
+      touchableOpacity[0].props.onPress();
+      touchableOpacity[1].props.onPress();
+    });
     expect(touchableOpacity).toHaveLength(3);
+    expect(touchableOpacity).toBeDefined();
   });
 });

package/src/screens/Sharing/SelectUser.js

@@ -21,7 +21,6 @@ import {
 import { axiosPost } from '../../utils/Apis/axios';
 import { TESTID } from '../../configs/Constants';
 import Text from '../../commons/Text';
-import { ToastBottomHelper } from '../../utils/Utils';
 
 const SelectUser = ({ route }) => {
   const t = useTranslations();
@@ -33,6 +32,7 @@ const SelectUser = ({ route }) => {
 
   const sharePermissions = useCallback(
     async (phone, email) => {
+      Keyboard.dismiss();
       let userSharedPermission = await users.filter(
         (user) => user.phone_number === phone || user.email === email
       );
@@ -45,29 +45,9 @@ const SelectUser = ({ route }) => {
         unit: unit.id,
         permissions,
       });
-      if (success) {
-        setUsers([...users, data.user]);
-      } else {
-        if (data.non_field_errors) {
-          ToastBottomHelper.error(data.non_field_errors);
-        } else {
-          const textTemp = t(
-            data?.phone
-              ? 'text_phone_share_permission'
-              : data?.email
-              ? 'text_email_share_permission'
-              : ''
-          );
-          ToastBottomHelper.error(
-            t('error_share_permission', {
-              data: phone || email,
-              text: textTemp,
-            })
-          );
-        }
-      }
+      success && setUsers([...users, data.user]);
     },
-    [users, unit.id, permissions, t]
+    [users, unit.id, permissions]
   );
 
   const validate = useCallback(() => {