NTP-9041 | Notification for Escalation Tagging (#997)
This commit is contained in:
29
src/assets/icons/EscalationIcon.tsx
Normal file
29
src/assets/icons/EscalationIcon.tsx
Normal 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;
|
||||
@@ -99,7 +99,7 @@ const styles = StyleSheet.create({
|
||||
color: COLORS.TEXT.LIGHT,
|
||||
},
|
||||
upperContainer: {
|
||||
width: 248,
|
||||
flex: 1
|
||||
},
|
||||
flagContainer: {
|
||||
height: 40,
|
||||
|
||||
@@ -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>;
|
||||
}
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user