NTP-9041 | notification for escalation tagging

This commit is contained in:
Ashish Deo
2024-11-05 19:34:28 +05:30
parent 49c825c224
commit 03d9d8d7e3
4 changed files with 40 additions and 1 deletions

View File

@@ -0,0 +1,29 @@
import * as React from "react";
import Svg, { Rect, Mask, G, Path } from "react-native-svg";
const EscalationsIcon = () => (
<Svg
width={36}
height={36}
viewBox="0 0 36 36"
fill="none"
>
<Rect width={36} height={36} rx={18} fill="#FFE9E9" />
<Mask
id="a"
maskUnits="userSpaceOnUse"
x={8}
y={8}
width={20}
height={20}
>
<Path fill="#D9D9D9" d="M8 8H28V28H8z" />
</Mask>
<G mask="url(#a)">
<Path
d="M13.417 18.833V25.5c0 .236-.08.434-.24.594a.806.806 0 01-.594.24.806.806 0 01-.593-.24.807.807 0 01-.24-.594V11.333c0-.236.08-.434.24-.593.16-.16.357-.24.593-.24h11.271a.785.785 0 01.688.375c.07.111.114.233.135.365a.76.76 0 01-.052.406l-1.208 3.02 1.208 3.021a.76.76 0 01.052.407.966.966 0 01-.135.364.786.786 0 01-.688.375H13.417z"
fill="#EC5962"
/>
</G>
</Svg>
);
export default EscalationsIcon;

View File

@@ -99,7 +99,7 @@ const styles = StyleSheet.create({
color: COLORS.TEXT.LIGHT,
},
upperContainer: {
width: 248,
flex: 1
},
flagContainer: {
height: 40,

View File

@@ -364,6 +364,13 @@ const NotificationTemplate: React.FC<INotificationTemplateProps> = ({ data }) =>
<Text light>has been deallocated from your case list due to a pause in collection efforts.</Text>
</Text>
);
case NotificationTypes.CASE_ESCALATION_NOTIFICATION_TEMPLATE:
return (
<Text>
<Text light>raised a new{' '}</Text>
<Text bold dark>escalation</Text>
</Text>
);
default:
return <Text>New notification </Text>;
}

View File

@@ -21,6 +21,7 @@ import PerformanceLevelMayDropIcon from "@assets/icons/PerformanceLevelMayDropIc
import PerformanceLevelMayIncreaseIcon from "@assets/icons/PerformanceLevelMayIncreaseIcon";
import MissedCallNotificationIcon from '@rn-ui-lib/icons/MissedCallNotificationIcon';
import InfoNotificationIcon from '@assets/icons/InfoNotificationIcon';
import EscalationsIcon from '@assets/icons/EscalationIcon';
export enum NotificationTypes {
PAYMENT_MADE_TEMPLATE = 'PAYMENT_MADE_TEMPLATE',
@@ -61,6 +62,7 @@ export enum NotificationTypes {
AGENT_REVIVAL_PERFORMANCE_LEVEL_MAY_INCREASED_REMINDER_NOTIFICATION = 'AGENT_REVIVAL_PERFORMANCE_LEVEL_MAY_INCREASED_REMINDER_NOTIFICATION',
CUSTOMER_TRIED_CALLING_NOTIFICATION = 'CUSTOMER_TRIED_CALLING_NOTIFICATION',
COLLECTION_PAUSE_EFFORTS_CASE_DEALLOCATED = 'COLLECTION_PAUSE_EFFORTS_CASE_DEALLOCATED',
CASE_ESCALATION_NOTIFICATION_TEMPLATE='CASE_ESCALATION_NOTIFICATION_TEMPLATE',
}
export const NotificationIconsMap = {
@@ -102,6 +104,7 @@ export const NotificationIconsMap = {
[NotificationTypes.AGENT_REVIVAL_PERFORMANCE_LEVEL_MAY_INCREASED_REMINDER_NOTIFICATION]: <PerformanceLevelMayIncreaseIcon />,
[NotificationTypes.CUSTOMER_TRIED_CALLING_NOTIFICATION]: <MissedCallNotificationIcon />,
[NotificationTypes.COLLECTION_PAUSE_EFFORTS_CASE_DEALLOCATED]: <InfoNotificationIcon />,
[NotificationTypes.CASE_ESCALATION_NOTIFICATION_TEMPLATE]: <EscalationsIcon/>,
};
export enum WidgetStatus {