@eohjsc/react-native-smart-city 0.2.92 → 0.2.95

package/src/screens/Device/detail.js

@@ -16,7 +16,7 @@ import { Icon } from '@ant-design/react-native';
 import { useCountUp } from './hooks/useCountUp';
 import { getData as getLocalData } from '../../utils/Storage';
 import { API, Colors } from '../../configs';
-import { axiosGet, axiosPost } from '../../utils/Apis/axios';
+import { axiosGet } from '../../utils/Apis/axios';
 import {
   isDeviceConnected,
   scanBluetoothDevices,
@@ -29,6 +29,7 @@ import {
   useAlertResolveEmergency,
   useEmergencyButton,
 } from './hooks/useEmergencyButton';
+import { useFavoriteDevice } from './hooks/useFavoriteDevice';
 import BottomButtonView from '../../commons/BottomButtonView';
 import Text from '../../commons/Text';
 import { transformDatetime } from '../../utils/Converter/time';
@@ -69,7 +70,6 @@ const DeviceDetail = ({ route }) => {
   const [unit, setUnit] = useState(unitData || { id: unitId });
   const [sensor, setSensor] = useState(sensorData || { id: sensorId });
   const [station, setStation] = useState(sensor?.station);
-  const [isFavourite, setIsFavourite] = useState(sensor?.is_favourite);
   const { isOwner } = useIsOwnerOfUnit(unit?.user_id);
   const [sensorName, setSensorName] = useState(sensor?.name);
   const [lockShowing, acquireLockShowing, releaseLockShowing] = useBoolean();
@@ -83,9 +83,9 @@ const DeviceDetail = ({ route }) => {
   const isNetworkConnected = useSCContextSelector(
     (state) => state.app.isNetworkConnected
   );
-  const isBluetoothEnabled = useSCContextSelector(
-    (state) => state.app.isBluetoothEnabled
-  );
+  const isBluetoothEnabled = useSCContextSelector((state) => {
+    return state.app.isBluetoothEnabled;
+  });
 
   const isDeviceConnectedViaBle = useMemo(
     () =>
@@ -110,41 +110,28 @@ const DeviceDetail = ({ route }) => {
 
   useDisconnectedDevice(sensorName, isDeviceHasBle, serverDown);
 
-  const isShowSetupEmergencyContact = useMemo(() => {
-    display.items.filter(
-      (item) =>
-        item.type === 'emergency' && item.configuration.type === 'button'
-    ).length > 0;
-  }, [display.items]);
+  const isShowSetupEmergencyContact = useMemo(
+    () =>
+      display.items.filter(
+        (item) =>
+          item.type === 'emergency' && item.configuration.type === 'button'
+      ).length > 0,
+    [display.items]
+  );
 
-  const isShowSetUpSmartLock = useMemo(() => {
-    display.items.filter(
-      (item) =>
-        item.type === 'smartLock' && item.configuration.type === 'button'
-    ).length > 0;
-  }, [display.items]);
+  const isShowSetUpSmartLock = useMemo(
+    () =>
+      display.items.filter(
+        (item) =>
+          item.type === 'smartLock' && item.configuration.type === 'button'
+      ).length > 0,
+    [display.items]
+  );
 
-  const addToFavorites = useCallback(async () => {
-    const { success } = await axiosPost(
-      API.SENSOR.ADD_TO_FAVOURITES(unit?.id, sensor?.station?.id, sensor?.id)
-    );
-    if (success) {
-      setIsFavourite(true);
-    }
-  }, [unit, sensor]);
-
-  const removeFromFavorites = useCallback(async () => {
-    const { success } = await axiosPost(
-      API.SENSOR.REMOVE_FROM_FAVOURITES(
-        unit?.id,
-        sensor?.station.id,
-        sensor?.id
-      )
-    );
-    if (success) {
-      setIsFavourite(false);
-    }
-  }, [unit, sensor]);
+  const { isFavorite, addToFavorites, removeFromFavorites } = useFavoriteDevice(
+    unit,
+    sensor
+  );
 
   const currentUserId = useSelector((state) =>
     get(state, 'auth.account.user.id', 0)
@@ -162,10 +149,10 @@ const DeviceDetail = ({ route }) => {
   }, [unitId]);
 
   useEffect(() => {
-    if (unitId) {
+    if (unitId && !unitData) {
       fetchUnitDetail();
     }
-  }, [fetchUnitDetail, unitData, unitId]);
+  }, [fetchUnitDetail, unitId, unitData]);
 
   const fetchSensorDetail = useCallback(async () => {
     const { success, data } = await axiosGet(
@@ -179,10 +166,10 @@ const DeviceDetail = ({ route }) => {
   }, [sensorId]);
 
   useEffect(() => {
-    if (sensorId) {
+    if (sensorId && !sensorData) {
       fetchSensorDetail();
     }
-  }, [fetchSensorDetail, sensorData, sensorId]);
+  }, [fetchSensorDetail, sensorId, sensorData]);
 
   const fetchDataDeviceDetail = useCallback(async () => {
     if (!token) {
@@ -192,7 +179,7 @@ const DeviceDetail = ({ route }) => {
       return;
     }
 
-    const { success, data, resp_status } = await axiosGet(
+    const { success, data } = await axiosGet(
       API.SENSOR.DISPLAY(sensor?.id),
       {},
       true
@@ -216,8 +203,6 @@ const DeviceDetail = ({ route }) => {
           }
         }
       }
-    } else if (resp_status >= 500) {
-      setServerDown(true);
     }
     setLoading((preState) => ({ ...preState, displayTemplate: false }));
 
@@ -347,7 +332,7 @@ const DeviceDetail = ({ route }) => {
         text: t('passcode_list'),
       });
     }
-    if (!isFavourite) {
+    if (!isFavorite) {
       menuItems.unshift({
         doAction: addToFavorites,
         text: t('add_to_favorites'),
@@ -365,7 +350,7 @@ const DeviceDetail = ({ route }) => {
     isShowSetupEmergencyContact,
     isShowSetUpSmartLock,
     t,
-    isFavourite,
+    isFavorite,
     sensor,
     unit,
     sensorName,
@@ -434,7 +419,7 @@ const DeviceDetail = ({ route }) => {
     });
 
     const fetchValues = async () => {
-      const { success, data } = await axiosGet(
+      const { success, data, resp_status } = await axiosGet(
         API.SENSOR.DISPLAY_VALUES_V2(sensor?.id),
         {
           params: params,
@@ -445,6 +430,8 @@ const DeviceDetail = ({ route }) => {
         setConnected(data.is_connected);
         transformDatetime(data, ['last_updated']);
         setLastUpdated(data.last_updated);
+      } else if (resp_status >= 500) {
+        setServerDown(true);
       }
       setLoading((preState) => ({ ...preState, isConnected: false }));
     };
@@ -626,10 +613,10 @@ const DeviceDetail = ({ route }) => {
       <View style={styles.headerRight}>
         <TouchableOpacity
           style={styles.buttonStar}
-          onPress={isFavourite ? removeFromFavorites : addToFavorites}
+          onPress={isFavorite ? removeFromFavorites : addToFavorites}
           testID={TESTID.HEADER_DEVICE_BUTTON_STAR}
         >
-          {isFavourite ? (
+          {isFavorite ? (
             <IconFill name="star" size={25} color={Colors.Yellow6} />
           ) : (
             <IconOutline name="star" size={25} />
@@ -653,7 +640,7 @@ const DeviceDetail = ({ route }) => {
       </View>
     ),
     [
-      isFavourite,
+      isFavorite,
       removeFromFavorites,
       addToFavorites,
       isShowSetupEmergencyContact,

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

@@ -0,0 +1,38 @@
+import { useContext, useCallback } from 'react';
+import { API } from '../../../configs';
+import { SCContext, useSCContextSelector } from '../../../context';
+import { Action } from '../../../context/actionType';
+import { axiosPost } from '../../../utils/Apis/axios';
+
+export const useFavoriteDevice = (unit, device) => {
+  const { setAction } = useContext(SCContext);
+  const favoriteDeviceIds = useSCContextSelector(
+    (state) => state.unit.favoriteDeviceIds
+  );
+
+  const isFavorite = favoriteDeviceIds.includes(device.id);
+
+  const addToFavorites = useCallback(async () => {
+    const { success } = await axiosPost(
+      API.SENSOR.ADD_TO_FAVOURITES(unit?.id, device?.station?.id, device?.id)
+    );
+    success && setAction(Action.ADD_DEVICE_TO_FAVORITES, device.id);
+  }, [unit, device, setAction]);
+
+  const removeFromFavorites = useCallback(async () => {
+    const { success } = await axiosPost(
+      API.SENSOR.REMOVE_FROM_FAVOURITES(
+        unit?.id,
+        device?.station?.id,
+        device?.id
+      )
+    );
+    success && setAction(Action.REMOVE_DEVICE_FROM_FAVORITES, device.id);
+  }, [unit, device, setAction]);
+
+  return {
+    isFavorite,
+    addToFavorites,
+    removeFromFavorites,
+  };
+};

package/src/screens/EmergencyContacts/EmergencyContactsList.js

@@ -82,7 +82,7 @@ export const EmergencyContactsList = ({ route }) => {
       id: 2,
       text: t('select_unit_members'),
       route: Routes.EmergencyContactsSelectContacts,
-      data: { unitId },
+      data: { unitId, group },
     },
   ];
 

package/src/screens/EmergencyContacts/EmergencyContactsSelectContacts.js

@@ -1,4 +1,4 @@
-import React, { useCallback, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import { SafeAreaView, StyleSheet, View } from 'react-native';
 import { IconOutline } from '@ant-design/icons-react-native';
 import { useNavigation } from '@react-navigation/native';
@@ -6,59 +6,55 @@ import { useTranslations } from '../../hooks/Common/useTranslations';
 import { Section, ViewButtonBottom } from '../../commons';
 import { RowUser } from '../../commons/RowUser';
 import WrapHeaderScrollable from '../../commons/Sharing/WrapHeaderScrollable';
-import { Colors, Theme } from '../../configs';
+import { API, Colors, Theme } from '../../configs';
 import { TESTID } from '../../configs/Constants';
-// import { useDataMember } from 'containers/Sharing/hooks';
-
-const dataContact = [
-  {
-    id: 1,
-    name: 'Peter Pan',
-    phone: '0931245690',
-  },
-  {
-    id: 2,
-    name: 'John Wick',
-    phone: '0912345678',
-  },
-  {
-    id: 3,
-    name: 'Batoze Pre',
-    phone: '0921456876',
-  },
-];
+import { axiosGet, axiosPost } from '../../utils/Apis/axios';
+import { ToastBottomHelper } from '../../utils/Utils';
 
 export const EmergencyContactsSelectContacts = ({ route }) => {
   const t = useTranslations();
   const { goBack } = useNavigation();
-  // const { unitId } = route.params;
+  const { unitId, group } = route.params;
+  const [dataContact, setDataContact] = useState([]);
+  const [loading, setLoading] = useState(true);
 
-  // const { dataMembers, loading, onRefresh } = useDataMember(unitId);
-  const [currentContacts, setCurrentContact] = useState(
-    dataContact.map((contact) => contact.phone)
-  );
+  const loadMembers = useCallback(async (id) => {
+    setLoading(true);
+    const { success, data } = await axiosGet(API.SHARE.UNITS_MEMBERS(id));
+    if (success) {
+      setLoading(false);
+      setDataContact(data);
+    }
+  }, []);
+
+  const [currentContacts, setCurrentContact] = useState('');
 
   const onPressContact = useCallback(
     (contact) => () => {
-      const indexOfContact = currentContacts.indexOf(contact.phone);
-
-      if (indexOfContact > -1) {
-        const newContacts = [...currentContacts];
-        newContacts.splice(indexOfContact, 1);
-        setCurrentContact(newContacts);
-      } else {
-        setCurrentContact([...currentContacts, contact.phone]);
-      }
+      setCurrentContact(contact);
     },
-    [currentContacts]
+    []
   );
+
+  const goSave = useCallback(async () => {
+    const { success } = await axiosPost(API.EMERGENCY_BUTTON.CREATE_CONTACT(), {
+      group: group.id,
+      phone_number: currentContacts?.phone_number,
+      name: currentContacts?.name,
+    });
+    if (success) {
+      goBack();
+    } else {
+      ToastBottomHelper.error(t('create_contact_failed'));
+    }
+  }, [currentContacts, goBack, group.id, t]);
+
+  useEffect(() => {
+    loadMembers(unitId);
+  }, [loadMembers, unitId]);
   return (
     <SafeAreaView style={styles.container}>
-      <WrapHeaderScrollable
-        title={t('select_contacts')}
-        // loading={loading}
-        // onRefresh={onRefresh}
-      >
+      <WrapHeaderScrollable title={t('select_contacts')} loading={loading}>
         <Section type={'border'}>
           {dataContact.map((contact, index) => (
             <RowUser
@@ -69,11 +65,11 @@ export const EmergencyContactsSelectContacts = ({ route }) => {
                 <IconOutline name={'user'} size={20} color={Colors.White} />
               }
               text={contact.name}
-              subtext={contact.phone}
+              subtext={contact.phone_number}
               onPress={onPressContact(contact)}
               rightComponent={
                 <View style={styles.buttonRemove}>
-                  {currentContacts.indexOf(contact.phone) > -1 && (
+                  {currentContacts?.phone_number === contact.phone_number && (
                     <IconOutline
                       name={'check-circle'}
                       size={20}
@@ -90,7 +86,8 @@ export const EmergencyContactsSelectContacts = ({ route }) => {
         leftTitle={t('cancel')}
         onLeftClick={goBack}
         rightTitle={t('save')}
-        rightDisabled={true}
+        onRightClick={goSave}
+        rightDisabled={false}
       />
     </SafeAreaView>
   );

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

@@ -113,6 +113,7 @@ describe('test EmergencyContactList', () => {
       Routes.EmergencyContactsSelectContacts,
       {
         unitId: route.params.unitId,
+        group: route.params.group,
       }
     );
   });

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

@@ -5,35 +5,34 @@ import { TESTID } from '../../../configs/Constants';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 
-const wrapComponent = (actionGroup) => (
+const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
-    <EmergencyContactsSelectContacts />
+    <EmergencyContactsSelectContacts route={route} />
   </SCProvider>
 );
 
 describe('test EmergencyContactsSelectContacts', () => {
+  let route;
+  beforeEach(() => {
+    route = {
+      params: {
+        unitId: 1,
+        group: 1,
+      },
+    };
+  });
+
   let tree;
 
-  test('onPressContact remove from list', async () => {
+  test('onPress ErgencyContactsSelectContacts', async () => {
     act(() => {
-      tree = create(wrapComponent());
+      tree = create(wrapComponent(route));
     });
     const instance = tree.root;
-    const rowUser = instance.findAllByProps({
-      testID: TESTID.EMERGENCY_SELECT_CONTACT,
-    });
-
-    expect(rowUser).toHaveLength(3);
-  });
 
-  test('onPressContact remove and add again from list', async () => {
-    act(() => {
-      tree = create(wrapComponent());
-    });
-    const instance = tree.root;
-    const rowUser = instance.findAllByProps({
-      testID: TESTID.EMERGENCY_SELECT_CONTACT,
-    });
-    expect(rowUser).toHaveLength(3);
+    const rowUser = instance.findAllByProps(
+      (item) => item.props.testID === TESTID.EMERGENCY_SELECT_CONTACT
+    );
+    expect(rowUser[0]).toBeDefined();
   });
 });

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() || {};