NTP-71625 | Fix event issue of search by geocode
This commit is contained in:
@@ -25,7 +25,11 @@ interface ProfileHeaderProps {
|
|||||||
addressItemRef?: React.RefObject<View>;
|
addressItemRef?: React.RefObject<View>;
|
||||||
}
|
}
|
||||||
|
|
||||||
const ProfileHeader: React.FC<ProfileHeaderProps> = ({ caseId, showDirections = false, addressItemRef }) => {
|
const ProfileHeader: React.FC<ProfileHeaderProps> = ({
|
||||||
|
caseId,
|
||||||
|
showDirections = false,
|
||||||
|
addressItemRef,
|
||||||
|
}) => {
|
||||||
const caseDetails = useAppSelector((state) => state.allCases?.caseDetails?.[caseId]);
|
const caseDetails = useAppSelector((state) => state.allCases?.caseDetails?.[caseId]);
|
||||||
const { customerName, totalOverdueAmount, paymentStatus, collectionTag, dpdBucket } =
|
const { customerName, totalOverdueAmount, paymentStatus, collectionTag, dpdBucket } =
|
||||||
caseDetails || {};
|
caseDetails || {};
|
||||||
@@ -60,7 +64,11 @@ const ProfileHeader: React.FC<ProfileHeaderProps> = ({ caseId, showDirections =
|
|||||||
|
|
||||||
const handleOpenMapForAddresses = () => {
|
const handleOpenMapForAddresses = () => {
|
||||||
setIsModalVisible(!isModalVisible);
|
setIsModalVisible(!isModalVisible);
|
||||||
addClickstreamEvent(CLICKSTREAM_EVENT_NAMES.FA_ADDRESS_CARD_DIRECTIONS_CLICKED, {});
|
addClickstreamEvent(CLICKSTREAM_EVENT_NAMES.FA_ADDRESS_CARD_DIRECTIONS_CLICKED, {
|
||||||
|
attempted_at_address: caseDetails?.addressReferenceId,
|
||||||
|
address_rank: caseDetails?.pinRank,
|
||||||
|
caseId,
|
||||||
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
@@ -71,6 +71,7 @@ const AddressListItem: React.FC<AddressListItemProps> = memo(
|
|||||||
>
|
>
|
||||||
<AddressItemHeader
|
<AddressItemHeader
|
||||||
locationDetails={address}
|
locationDetails={address}
|
||||||
|
caseId={caseId}
|
||||||
isOtherAddressView
|
isOtherAddressView
|
||||||
containerStyle={styles.borderBottom0}
|
containerStyle={styles.borderBottom0}
|
||||||
addressItemRef={addressItemRef}
|
addressItemRef={addressItemRef}
|
||||||
|
|||||||
@@ -31,6 +31,7 @@ const AddressItemHeader = (props: ITopAddressItemHeader) => {
|
|||||||
isSimilarAddressPage = false,
|
isSimilarAddressPage = false,
|
||||||
modalTopOffset,
|
modalTopOffset,
|
||||||
modalRightOffset,
|
modalRightOffset,
|
||||||
|
caseId = '',
|
||||||
} = props;
|
} = props;
|
||||||
|
|
||||||
const { pinCode, city, latitude, longitude, rank, visited, locationSubType } =
|
const { pinCode, city, latitude, longitude, rank, visited, locationSubType } =
|
||||||
@@ -60,7 +61,11 @@ const AddressItemHeader = (props: ITopAddressItemHeader) => {
|
|||||||
};
|
};
|
||||||
const handleOpenMapForAddresses = () => {
|
const handleOpenMapForAddresses = () => {
|
||||||
setIsModalVisible(!isModalVisible);
|
setIsModalVisible(!isModalVisible);
|
||||||
addClickstreamEvent(CLICKSTREAM_EVENT_NAMES.FA_ADDRESS_CARD_DIRECTIONS_CLICKED, {});
|
addClickstreamEvent(CLICKSTREAM_EVENT_NAMES.FA_ADDRESS_CARD_DIRECTIONS_CLICKED, {
|
||||||
|
attempted_at_address: locationDetails?.referenceId,
|
||||||
|
address_rank: rank,
|
||||||
|
caseId
|
||||||
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
@@ -56,6 +56,7 @@ export interface ITopAddressItemHeader {
|
|||||||
isSimilarAddressPage?: boolean;
|
isSimilarAddressPage?: boolean;
|
||||||
modalTopOffset?: number;
|
modalTopOffset?: number;
|
||||||
modalRightOffset?: number;
|
modalRightOffset?: number;
|
||||||
|
caseId?: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface ITopAddressItemFeedback {
|
export interface ITopAddressItemFeedback {
|
||||||
|
|||||||
@@ -19,6 +19,7 @@ const OtherAddressItem = (props: IOtherAddressItem) => {
|
|||||||
<View style={styles.container} ref={addressItemRef}>
|
<View style={styles.container} ref={addressItemRef}>
|
||||||
<AddressItemHeader
|
<AddressItemHeader
|
||||||
locationDetails={locationDetails}
|
locationDetails={locationDetails}
|
||||||
|
caseId={caseId}
|
||||||
isOtherAddressView={true}
|
isOtherAddressView={true}
|
||||||
containerStyle={[GenericStyles.pv16]}
|
containerStyle={[GenericStyles.pv16]}
|
||||||
addressItemRef={addressItemRef}
|
addressItemRef={addressItemRef}
|
||||||
|
|||||||
@@ -63,6 +63,7 @@ const TopAddressSimilarAddresses = (props: ITopAddressSimilarAddresses) => {
|
|||||||
<AddressItemHeader
|
<AddressItemHeader
|
||||||
containerStyle={styles.bottomSheetHeader}
|
containerStyle={styles.bottomSheetHeader}
|
||||||
locationDetails={locationDetails}
|
locationDetails={locationDetails}
|
||||||
|
caseId={caseId}
|
||||||
isOtherAddressView
|
isOtherAddressView
|
||||||
isSimilarAddressPage
|
isSimilarAddressPage
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -14,6 +14,8 @@ import { addClickstreamEvent } from '@services/clickstreamEventService';
|
|||||||
import React, { useState } from 'react';
|
import React, { useState } from 'react';
|
||||||
import { Linking, StyleSheet, View } from 'react-native';
|
import { Linking, StyleSheet, View } from 'react-native';
|
||||||
import OpenMapButtonForAddresses from './OpenMapButtonForAddresses';
|
import OpenMapButtonForAddresses from './OpenMapButtonForAddresses';
|
||||||
|
import { RootState } from '@store';
|
||||||
|
import { useAppSelector } from '@hooks';
|
||||||
|
|
||||||
interface IAllocatedAddressDetails {
|
interface IAllocatedAddressDetails {
|
||||||
isCasePaused: boolean;
|
isCasePaused: boolean;
|
||||||
@@ -36,6 +38,7 @@ const AllocatedAddressDetails = (props: IAllocatedAddressDetails) => {
|
|||||||
roadDistance,
|
roadDistance,
|
||||||
} = props;
|
} = props;
|
||||||
const [isModalVisible, setIsModalVisible] = useState(false);
|
const [isModalVisible, setIsModalVisible] = useState(false);
|
||||||
|
const caseDetails = useAppSelector((state: RootState) => state?.allCases?.caseDetails[caseId]) || {};
|
||||||
|
|
||||||
const isGeolocation = addressStringType === AddressTabType.GEO_LOCATION;
|
const isGeolocation = addressStringType === AddressTabType.GEO_LOCATION;
|
||||||
|
|
||||||
@@ -57,7 +60,11 @@ const AllocatedAddressDetails = (props: IAllocatedAddressDetails) => {
|
|||||||
|
|
||||||
const handleOpenMapForAddresses = () => {
|
const handleOpenMapForAddresses = () => {
|
||||||
setIsModalVisible(!isModalVisible);
|
setIsModalVisible(!isModalVisible);
|
||||||
addClickstreamEvent(CLICKSTREAM_EVENT_NAMES.FA_ADDRESS_CARD_DIRECTIONS_CLICKED, {});
|
addClickstreamEvent(CLICKSTREAM_EVENT_NAMES.FA_ADDRESS_CARD_DIRECTIONS_CLICKED, {
|
||||||
|
attempted_at_address: caseDetails?.addressReferenceId,
|
||||||
|
address_rank: caseDetails?.pinRank,
|
||||||
|
caseId,
|
||||||
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
Reference in New Issue
Block a user