@eohjsc/react-native-smart-city 0.3.26 → 0.3.29

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

@@ -50,57 +50,19 @@ describe('test NotificationItem', () => {
     item = { ...item, is_read: false, content_code: '' };
   });
   let tree;
-  const listCase = [
-    {
-      content_code: NOTIFICATION_TYPES.REMIND_TO_MAKE_PAYMENT,
-      screen: Routes.SmartParkingBookingDetails,
-      params: { id: 1 },
-    },
-    {
-      content_code: NOTIFICATION_TYPES.EXPIRE_PARKING_SESSION,
-      screen: Routes.SmartParkingBookingDetails,
-      params: { id: 1 },
-    },
-    {
-      content_code: NOTIFICATION_TYPES.REMIND_TO_SCAN_QR_CODE,
-      screen: Routes.SmartParkingBookingDetails,
-      params: { id: 1 },
-    },
-    {
-      content_code: NOTIFICATION_TYPES.BOOKING_SUCCESSFULLY,
-      screen: Routes.SmartParkingBookingDetails,
-      params: { id: 1 },
-    },
-    {
-      content_code: NOTIFICATION_TYPES.BOOKING_EXPIRED_AND_VIOLATION_CREATED,
-      screen: Routes.SmartParkingBookingDetails,
-      params: { id: 1 },
-    },
-    {
-      content_code: NOTIFICATION_TYPES.MOVE_CAR_WITHOUT_PAY_VIOLATION,
-      screen: Routes.SmartParkingBookingDetails,
-      params: { id: 1 },
-    },
-    {
-      content_code: NOTIFICATION_TYPES.PAY_FINE_SUCCESSFULLY,
-      screen: Routes.SmartParkingBookingDetails,
-      params: { id: 1 },
-    },
-    {
-      content_code: NOTIFICATION_TYPES.STOP_VIOLATION_FREE_PARKING_ZONE,
-      screen: Routes.SmartParkingBookingDetails,
-      params: { id: 1 },
-    },
-    {
-      content_code: NOTIFICATION_TYPES.PAY_FINE_AND_EXTEND_SUCCESSFULLY,
-      screen: Routes.SmartParkingBookingDetails,
-      params: { id: 1 },
-    },
+
+  const listCase2 = [
+    NOTIFICATION_TYPES.NOTIFY_REMOVE_UNIT,
+    NOTIFICATION_TYPES.NOTIFY_REMOVE_MEMBER,
+    NOTIFICATION_TYPES.NOTIFY_MEMBER_LEAVE_UNIT,
+    NOTIFICATION_TYPES.NOTIFY_REMOVE_SUB_UNIT,
+    NOTIFICATION_TYPES.NOTIFY_REMOVE_DEVICE,
+    'default case',
   ];
 
-  for (const notify of listCase) {
-    test(`create ItemNotification ${notify.content_code}`, () => {
-      item.content_code = notify.content_code;
+  for (const content_code of listCase2) {
+    test(`create ItemNotification ${content_code}`, () => {
+      item.content_code = content_code;
       act(() => {
         tree = create(wrapComponent(item));
       });
@@ -109,33 +71,23 @@ describe('test NotificationItem', () => {
       act(() => {
         button.props.onPress();
       });
-      expect(mockNavigate).toHaveBeenCalledWith(Routes.SmartParkingStack, {
-        screen: notify.screen,
-        params: { id: 1 },
-      });
+      expect(mockNavigate).not.toHaveBeenCalled();
     });
   }
 
-  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 },
-    },
+  const listCaseUnitDetail = [
+    NOTIFICATION_TYPES.NOTIFY_RENAME_UNIT,
+    NOTIFICATION_TYPES.NOTIFY_UPDATE_ADDRESS,
+    NOTIFICATION_TYPES.NOTIFY_RENAME_SUB_UNIT,
+    NOTIFICATION_TYPES.NOTIFY_INVITE_MEMBER,
   ];
-  for (const notify of listCaseSmartParking2) {
-    test(`create ItemNotification ${notify.content_code}`, () => {
-      item.content_code = notify.content_code;
+
+  for (const content_code of listCaseUnitDetail) {
+    test(`create ItemNotification ${content_code}`, () => {
+      item.content_code = content_code;
+      item.params = {
+        unit_id: 1,
+      };
       act(() => {
         tree = create(wrapComponent(item));
       });
@@ -144,25 +96,24 @@ describe('test NotificationItem', () => {
       act(() => {
         button.props.onPress();
       });
-      expect(mockNavigate).toHaveBeenCalledWith(Routes.SmartParkingStack, {
-        screen: notify.screen,
-        params: { tab: 1 },
+      expect(mockNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
+        screen: Routes.UnitDetail,
+        params: {
+          unitId: 1,
+        },
       });
     });
   }
 
-  const listCase2 = [
-    NOTIFICATION_TYPES.NOTIFY_REMOVE_UNIT,
-    NOTIFICATION_TYPES.NOTIFY_REMOVE_MEMBER,
-    NOTIFICATION_TYPES.NOTIFY_MEMBER_LEAVE_UNIT,
-    NOTIFICATION_TYPES.NOTIFY_REMOVE_SUB_UNIT,
-    NOTIFICATION_TYPES.NOTIFY_REMOVE_DEVICE,
-    'default case',
-  ];
+  const listCaseDeviceDetail = [NOTIFICATION_TYPES.NOTIFY_DEVICE_DISCONNECT];
 
-  for (const content_code of listCase2) {
+  for (const content_code of listCaseDeviceDetail) {
     test(`create ItemNotification ${content_code}`, () => {
       item.content_code = content_code;
+      item.params = {
+        unit_id: 1,
+        sensor_id: 1,
+      };
       act(() => {
         tree = create(wrapComponent(item));
       });
@@ -171,7 +122,13 @@ describe('test NotificationItem', () => {
       act(() => {
         button.props.onPress();
       });
-      expect(mockNavigate).not.toHaveBeenCalled();
+      expect(mockNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
+        screen: Routes.DeviceDetail,
+        params: {
+          unitId: 1,
+          sensorId: 1,
+        },
+      });
     });
   }
 
@@ -208,6 +165,24 @@ describe('test NotificationItem', () => {
     });
   }
 
+  test('test case NOTIFY_INDICATOR no sensor_type', () => {
+    item.content_code = NOTIFICATION_TYPES.NOTIFY_INDICATOR;
+    item.params = {
+      sensor_type: null,
+      unit_id: 5,
+      summary_id: 11,
+    };
+    act(() => {
+      tree = create(wrapComponent(item));
+    });
+    const instance = tree.root;
+    const button = instance.findByType(TouchableOpacity);
+    act(() => {
+      button.props.onPress();
+    });
+    expect(mockNavigate).not.toHaveBeenCalled();
+  });
+
   const listSensorType2 = [
     SENSOR_TYPE.SMOKE,
     SENSOR_TYPE.FIRE,
@@ -344,4 +319,23 @@ describe('test NotificationItem', () => {
       },
     });
   });
+
+  test('test notify emergency not params type', () => {
+    item.content_code = NOTIFICATION_TYPES.NOTIFY_EMERGENCY;
+    item.params = {
+      unit_id: 1,
+      sensor_id: 1,
+      type: null,
+    };
+
+    act(() => {
+      tree = create(wrapComponent(item));
+    });
+    const instance = tree.root;
+    const button = instance.findByType(TouchableOpacity);
+    act(() => {
+      button.props.onPress();
+    });
+    expect(mockNavigate).not.toHaveBeenCalled();
+  });
 });

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

@@ -1,4 +1,4 @@
-import React, { memo, useCallback, useMemo, useState } from 'react';
+import React, { memo, useCallback, useState } from 'react';
 import { View, TouchableOpacity, Image } from 'react-native';
 import moment from 'moment';
 import { useNavigation } from '@react-navigation/native';
@@ -23,38 +23,30 @@ const NotificationItem = memo(({ item }) => {
   const [isRead, setIsRead] = useState(is_read);
   const timeFormat = moment(created_at).format('LT DD/MM/YYYY');
 
-  let arrParams = useMemo(() => {
-    const values = [];
-    Object.entries(params).forEach(([key, value]) => {
-      values.push(value);
-    });
-    return values;
-  }, [params]);
-
-  const customColorText = (text, colorParams) => {
-    return text.split('**').map((str, i) =>
-      i % 2 === 0 ? (
-        <Text type="Body" key={i} style={styles.textNotification}>
-          {str}
-        </Text>
-      ) : (
-        <Text type="Body" bold key={i} style={styles.textNotification}>
-          {colorParams[(i - 1) / 2]}
+  const customColorText = useCallback(
+    (text) => {
+      return text.split('**').map((str, i) => (
+        <Text
+          type="Body"
+          bold={i % 2 !== 0}
+          key={i}
+          style={styles.textNotification}
+        >
+          {i % 2 === 0 ? str : params[str]}
         </Text>
-      )
-    );
-  };
+      ));
+    },
+    [params]
+  );
 
   const renderItem = useCallback(() => {
-    const booking_id = params?.booking_id && params?.booking_id;
     const unitId = params?.unit_id;
     const sensorId = params?.sensor_id;
     switch (content_code) {
       case NOTIFICATION_TYPES.NOTIFY_INVITE_MEMBER:
         return {
           content: customColorText(
-            t('text_notification_content_invite_member'),
-            arrParams
+            t('text_notification_content_invite_member')
           ),
           redirect: () => {
             navigation.navigate(Routes.UnitStack, {
@@ -71,160 +63,12 @@ const NotificationItem = memo(({ item }) => {
             />
           ),
         };
-      case NOTIFICATION_TYPES.REMIND_TO_MAKE_PAYMENT:
-        return {
-          content: customColorText(
-            t('text_notification_content_remind_to_make_payment'),
-            arrParams
-          ),
-          redirect: () =>
-            navigation.navigate(Routes.SmartParkingStack, {
-              screen: Routes.SmartParkingBookingDetails,
-              params: { id: booking_id },
-            }),
-        };
-
-      case NOTIFICATION_TYPES.EXPIRE_PARKING_SESSION:
-        return {
-          content: customColorText(
-            t('text_notification_content_expire_parking_session'),
-            arrParams
-          ),
-          redirect: () =>
-            navigation.navigate(Routes.SmartParkingStack, {
-              screen: Routes.SmartParkingBookingDetails,
-              params: { id: booking_id },
-            }),
-        };
-      case NOTIFICATION_TYPES.REMIND_TO_SCAN_QR_CODE:
-        return {
-          content: customColorText(
-            t('text_notification_content_remind_to_scan_qr_code'),
-            arrParams
-          ),
-          redirect: () =>
-            navigation.navigate(Routes.SmartParkingStack, {
-              screen: Routes.SmartParkingBookingDetails,
-              params: { id: booking_id },
-            }),
-        };
-      case NOTIFICATION_TYPES.USER_CANCEL:
-        return {
-          content: customColorText(
-            t('text_notification_content_user_cancel'),
-            arrParams
-          ),
-          redirect: () =>
-            navigation.navigate(Routes.SmartParkingStack, {
-              screen: Routes.MyBookingList,
-              params: { tab: 1 },
-            }),
-        };
-      case NOTIFICATION_TYPES.SYSTEM_CANCEL_NO_PAYMENT:
-        return {
-          content: customColorText(
-            t('text_notification_content_system_cancel_no_payment'),
-            arrParams
-          ),
-          redirect: () =>
-            navigation.navigate(Routes.SmartParkingStack, {
-              screen: Routes.MyBookingList,
-              params: { tab: 1 },
-            }),
-        };
-      case NOTIFICATION_TYPES.BOOKING_SUCCESSFULLY:
-        return {
-          content: customColorText(
-            t('text_notification_content_booking_successfully'),
-            arrParams
-          ),
-          redirect: () =>
-            navigation.navigate(Routes.SmartParkingStack, {
-              screen: Routes.SmartParkingBookingDetails,
-              params: { id: booking_id },
-            }),
-        };
-      case NOTIFICATION_TYPES.PARKING_COMPLETED:
-        return {
-          content: customColorText(
-            t('text_notification_content_parking_completed'),
-            arrParams
-          ),
-          redirect: () =>
-            navigation.navigate(Routes.SmartParkingStack, {
-              screen: Routes.MyBookingList,
-              params: { tab: 1 },
-            }),
-        };
-      case NOTIFICATION_TYPES.BOOKING_EXPIRED_AND_VIOLATION_CREATED:
-        return {
-          content: customColorText(
-            t(
-              'text_notification_content_not_move_car_after_parking_session_expire'
-            ),
-            arrParams
-          ),
-          redirect: () =>
-            navigation.navigate(Routes.SmartParkingStack, {
-              screen: Routes.SmartParkingBookingDetails,
-              params: { id: params?.violated_booking_id || booking_id },
-            }),
-        };
-      case NOTIFICATION_TYPES.MOVE_CAR_WITHOUT_PAY_VIOLATION:
-        return {
-          content: customColorText(
-            t('text_notification_content_move_car_without_pay_violation'),
-            arrParams
-          ),
-          redirect: () =>
-            navigation.navigate(Routes.SmartParkingStack, {
-              screen: Routes.SmartParkingBookingDetails,
-              params: { id: booking_id },
-            }),
-        };
-      case NOTIFICATION_TYPES.PAY_FINE_SUCCESSFULLY:
-        return {
-          content: customColorText(
-            t('text_notification_content_pay_fine_successfully'),
-            arrParams
-          ),
-          redirect: () =>
-            navigation.navigate(Routes.SmartParkingStack, {
-              screen: Routes.SmartParkingBookingDetails,
-              params: { id: booking_id },
-            }),
-        };
-      case NOTIFICATION_TYPES.PAY_FINE_AND_EXTEND_SUCCESSFULLY:
-        return {
-          content: customColorText(
-            t('text_notification_content_pay_fine_and_extend_successfully'),
-            arrParams
-          ),
-          redirect: () =>
-            navigation.navigate(Routes.SmartParkingStack, {
-              screen: Routes.SmartParkingBookingDetails,
-              params: { id: params?.booking_id_new },
-            }),
-        };
-      case NOTIFICATION_TYPES.STOP_VIOLATION_FREE_PARKING_ZONE:
-        return {
-          content: customColorText(
-            t('text_notification_content_stop_violation_free_parking_zone'),
-            arrParams
-          ),
-          redirect: () =>
-            navigation.navigate(Routes.SmartParkingStack, {
-              screen: Routes.SmartParkingBookingDetails,
-              params: { id: booking_id },
-            }),
-        };
       case NOTIFICATION_TYPES.NOTIFY_INDICATOR:
         switch (params?.sensor_type) {
           case SENSOR_TYPE.AIR_QUALITY:
             return {
               content: customColorText(
-                t('text_notification_content_air_quality_high'),
-                arrParams
+                t('text_notification_content_air_quality_high')
               ),
               redirect: () =>
                 navigation.navigate(Routes.UnitStack, {
@@ -239,8 +83,7 @@ const NotificationItem = memo(({ item }) => {
           case SENSOR_TYPE.TURBIDITY:
             return {
               content: customColorText(
-                t('text_notification_content_turbility_high'),
-                arrParams
+                t('text_notification_content_turbility_high')
               ),
               redirect: () =>
                 navigation.navigate(Routes.UnitStack, {
@@ -255,8 +98,7 @@ const NotificationItem = memo(({ item }) => {
           case SENSOR_TYPE.PH:
             return {
               content: customColorText(
-                t('text_notification_content_pH_index_high'),
-                arrParams
+                t('text_notification_content_pH_index_high')
               ),
               redirect: () =>
                 navigation.navigate(Routes.UnitStack, {
@@ -270,10 +112,7 @@ const NotificationItem = memo(({ item }) => {
             };
           case SENSOR_TYPE.CLO:
             return {
-              content: customColorText(
-                t('text_notification_content_clo_high'),
-                arrParams
-              ),
+              content: customColorText(t('text_notification_content_clo_high')),
               redirect: () =>
                 navigation.navigate(Routes.UnitStack, {
                   screen: Routes.UnitSummary,
@@ -287,8 +126,7 @@ const NotificationItem = memo(({ item }) => {
           case SENSOR_TYPE.UV:
             return {
               content: customColorText(
-                t('text_notification_content_uv_index_high'),
-                arrParams
+                t('text_notification_content_uv_index_high')
               ),
               redirect: () =>
                 navigation.navigate(Routes.UnitStack, {
@@ -302,10 +140,7 @@ const NotificationItem = memo(({ item }) => {
             };
           case SENSOR_TYPE.SMOKE:
             return {
-              content: customColorText(
-                t('text_notification_content_smoke'),
-                arrParams
-              ),
+              content: customColorText(t('text_notification_content_smoke')),
               redirect: () =>
                 navigation.navigate(Routes.UnitStack, {
                   screen: Routes.DeviceDetail,
@@ -318,10 +153,7 @@ const NotificationItem = memo(({ item }) => {
             };
           case SENSOR_TYPE.FIRE:
             return {
-              content: customColorText(
-                t('text_notification_content_fire'),
-                arrParams
-              ),
+              content: customColorText(t('text_notification_content_fire')),
               redirect: () =>
                 navigation.navigate(Routes.UnitStack, {
                   screen: Routes.DeviceDetail,
@@ -335,8 +167,7 @@ const NotificationItem = memo(({ item }) => {
           case SENSOR_TYPE.SOS:
             return {
               content: customColorText(
-                t('text_notification_content_active_sos'),
-                arrParams
+                t('text_notification_content_active_sos')
               ),
               redirect: () =>
                 navigation.navigate(Routes.UnitStack, {
@@ -351,8 +182,7 @@ const NotificationItem = memo(({ item }) => {
           case SENSOR_TYPE.FILTER_WATER:
             return {
               content: customColorText(
-                t('text_notification_content_replace_water_filter'),
-                arrParams
+                t('text_notification_content_replace_water_filter')
               ),
               redirect: () =>
                 navigation.navigate(Routes.UnitStack, {
@@ -379,8 +209,7 @@ const NotificationItem = memo(({ item }) => {
           content: customColorText(
             params?.unit_owner_name
               ? t('text_notification_content_remove_unit_to_member')
-              : t('text_notification_content_remove_unit_to_owner'),
-            arrParams
+              : t('text_notification_content_remove_unit_to_owner')
           ),
           redirect: () => null,
           iconContent: (
@@ -390,8 +219,7 @@ const NotificationItem = memo(({ item }) => {
       case NOTIFICATION_TYPES.NOTIFY_REMOVE_MEMBER:
         return {
           content: customColorText(
-            t('text_notification_content_remove_member'),
-            arrParams
+            t('text_notification_content_remove_member')
           ),
           redirect: () => null,
           iconContent: (
@@ -401,8 +229,7 @@ const NotificationItem = memo(({ item }) => {
       case NOTIFICATION_TYPES.NOTIFY_MEMBER_LEAVE_UNIT:
         return {
           content: customColorText(
-            t('text_notification_content_member_leave_unit'),
-            arrParams
+            t('text_notification_content_member_leave_unit')
           ),
           redirect: () => null,
           iconContent: (
@@ -411,10 +238,7 @@ const NotificationItem = memo(({ item }) => {
         };
       case NOTIFICATION_TYPES.NOTIFY_RENAME_UNIT:
         return {
-          content: customColorText(
-            t('text_notification_content_rename_unit'),
-            arrParams
-          ),
+          content: customColorText(t('text_notification_content_rename_unit')),
           redirect: () => {
             navigation.navigate(Routes.UnitStack, {
               screen: Routes.UnitDetail,
@@ -430,8 +254,7 @@ const NotificationItem = memo(({ item }) => {
       case NOTIFICATION_TYPES.NOTIFY_DEVICE_DISCONNECT:
         return {
           content: customColorText(
-            t('text_notification_content_divice_disconnect'),
-            arrParams
+            t('text_notification_content_divice_disconnect')
           ),
           redirect: () => {
             navigation.navigate(Routes.UnitStack, {
@@ -446,8 +269,7 @@ const NotificationItem = memo(({ item }) => {
       case NOTIFICATION_TYPES.NOTIFY_UPDATE_ADDRESS:
         return {
           content: customColorText(
-            t('text_notification_content_update_address'),
-            arrParams
+            t('text_notification_content_update_address')
           ),
           redirect: () => {
             navigation.navigate(Routes.UnitStack, {
@@ -464,8 +286,7 @@ const NotificationItem = memo(({ item }) => {
       case NOTIFICATION_TYPES.NOTIFY_RENAME_SUB_UNIT:
         return {
           content: customColorText(
-            t('text_notification_content_rename_sub_unit'),
-            arrParams
+            t('text_notification_content_rename_sub_unit')
           ),
           redirect: () => {
             navigation.navigate(Routes.UnitStack, {
@@ -483,8 +304,7 @@ const NotificationItem = memo(({ item }) => {
       case NOTIFICATION_TYPES.NOTIFY_REMOVE_SUB_UNIT:
         return {
           content: customColorText(
-            t('text_notification_content_remove_sub_unit'),
-            arrParams
+            t('text_notification_content_remove_sub_unit')
           ),
           redirect: () => null,
           iconContent: (
@@ -494,8 +314,7 @@ const NotificationItem = memo(({ item }) => {
       case NOTIFICATION_TYPES.NOTIFY_REMOVE_DEVICE:
         return {
           content: customColorText(
-            t('text_notification_content_remove_device'),
-            arrParams
+            t('text_notification_content_remove_device')
           ),
           redirect: () => null,
           iconContent: (
@@ -507,8 +326,7 @@ const NotificationItem = memo(({ item }) => {
           case EMERGENCY_TYPE.CREATED:
             return {
               content: customColorText(
-                t('text_notification_content_emergency'),
-                arrParams
+                t('text_notification_content_emergency')
               ),
               redirect: () =>
                 navigation.navigate(Routes.UnitStack, {
@@ -523,8 +341,7 @@ const NotificationItem = memo(({ item }) => {
           case EMERGENCY_TYPE.RESOLVE:
             return {
               content: customColorText(
-                t('text_notification_content_emergency_resolve'),
-                arrParams
+                t('text_notification_content_emergency_resolve')
               ),
               redirect: () =>
                 navigation.navigate(Routes.UnitStack, {
@@ -552,7 +369,7 @@ const NotificationItem = memo(({ item }) => {
           iconContent: <Image source={Images.logo} style={styles.logo} />,
         };
     }
-  }, [arrParams, content_code, navigation, params, t]);
+  }, [content_code, customColorText, navigation, params, t]);
 
   const { content, redirect, iconContent } = renderItem() || {};