NTP-14167 | Deallocation days added

src/screens/allCases/ListItem.tsx

@@ -24,7 +24,7 @@ import { addClickstreamEvent } from '../../services/clickstreamEventService';
 import Tag, { TagVariant } from '../../../RN-UI-LIB/src/components/Tag';
 import { formatAmount } from '../../../RN-UI-LIB/src/utlis/amount';
 import RoundCheckIcon from '../../../RN-UI-LIB/src/Icons/RoundCheckIcon';
-import { getDocumentList } from '../../components/utlis/commonFunctions';
+import { getDocumentList, pluralise } from '../../components/utlis/commonFunctions';
 import { toast } from '../../../RN-UI-LIB/src/components/toast';
 import { COMPLETED_STATUSES, TABS_KEYS, TAG_CONTAINER_WIDTH, ToastMessages } from './constants';
 import { VisitPlanStatus } from '../../reducer/userSlice';
@@ -85,6 +85,7 @@ const ListItem: React.FC<IListItem> = (props) => {
     totalOverdueAmount,
     distanceInKm,
     escalationData,
+    daysTillDeallocation
   } = caseListItemDetailObj;
 
   const isVisitPlanStatusLocked = useAppSelector(
@@ -335,6 +336,12 @@ const ListItem: React.FC<IListItem> = (props) => {
                   {'    '}Bucket {dpdBucket}
                 </Text>
               )}
+              {daysTillDeallocation ? (
+                <Text small style={[styles.caseStatusText]} bold>
+                  Deallocation in {daysTillDeallocation} day
+                  {pluralise(daysTillDeallocation, '', 's')}
+                </Text>
+              ) : null}
               {caseInteractionStatus ? (
                 <Text small style={styles.caseStatusText} bold>
                   {caseInteractionStatus}

src/screens/caseDetails/interface.ts

@@ -317,6 +317,7 @@ export interface CaseDetail {
   unpaidDays?: number;
   addressStringType?: string;
   escalationData ?: escalationData;
+  daysTillDeallocation: number;
 }
 
 export interface recentEscalationDetails {