diff --git a/src/screens/emiSchedule/repayments/RepaymentsItem.tsx b/src/screens/emiSchedule/repayments/RepaymentsItem.tsx
index 59f29747..a76d91fc 100644
--- a/src/screens/emiSchedule/repayments/RepaymentsItem.tsx
+++ b/src/screens/emiSchedule/repayments/RepaymentsItem.tsx
@@ -3,6 +3,7 @@ import { StyleSheet, View } from 'react-native';
import { GenericStyles } from '../../../../RN-UI-LIB/src/styles';
import Text from '../../../../RN-UI-LIB/src/components/Text';
import { COLORS } from '../../../../RN-UI-LIB/src/styles/colors';
+import RepaymentsUnpaidIcon from '../../../assets/icons/RepaymentsUnpaidIcon';
import RepaymentsPaidIcon from '../../../assets/icons/RepaymentsPaidIcon';
import Tag from '../../../../RN-UI-LIB/src/components/Tag';
import {
@@ -10,23 +11,34 @@ import {
REPAYMENT_STATUS,
RepaymentStatusTagging,
} from '../../../types/repayments.types';
-import { BUSINESS_DATE_FORMAT, dateFormat } from '../../../../RN-UI-LIB/src/utlis/dates';
-import InfoIcon from '../../../../RN-UI-LIB/src/Icons/InfoIcon';
+import { row } from '../constants';
+import {
+ BUSINESS_DATE_FORMAT,
+ BUSINESS_TIME_FORMAT,
+ dateFormat,
+} from '../../../../RN-UI-LIB/src/utlis/dates';
interface RepaymentsItemProps {
repaymentRecord: IRepaymentsRecord;
}
+const StatusIcon: React.FC<{ status: REPAYMENT_STATUS }> = ({ status }) => {
+ switch (status) {
+ case REPAYMENT_STATUS.FAILURE:
+ return ;
+ case REPAYMENT_STATUS.SUCCESS:
+ return ;
+ default:
+ return <>>;
+ }
+};
+
const RepaymentsItem: React.FC = ({ repaymentRecord }) => {
const repaymentTag = RepaymentStatusTagging[repaymentRecord.status];
return (
- {repaymentRecord.status === REPAYMENT_STATUS.SUCCESS ? (
-
- ) : repaymentTag ? (
-
- ) : null}
+
diff --git a/src/types/repayments.types.ts b/src/types/repayments.types.ts
index 380fed47..66bfe1b0 100644
--- a/src/types/repayments.types.ts
+++ b/src/types/repayments.types.ts
@@ -5,7 +5,6 @@ export enum REPAYMENT_STATUS {
FAILURE = 'FAILURE',
SCHEDULED = 'SCHEDULED',
UNKNOWN = 'UNKNOWN',
- FAILED = 'FAILED',
}
interface IRepaymentStatusTagging {
@@ -19,17 +18,12 @@ interface IRepaymentStatusTagging {
export const RepaymentStatusTagging: IRepaymentStatusTagging = {
[REPAYMENT_STATUS.FAILURE]: {
label: 'Failed',
- iconColor: COLORS.TEXT.RED,
- variant: 'error',
- },
- [REPAYMENT_STATUS.FAILED]: {
- label: 'Failed',
- iconColor: COLORS.TEXT.RED,
+ iconColor: COLORS.BACKGROUND.LIGHT,
variant: 'error',
},
[REPAYMENT_STATUS.UNKNOWN]: {
label: 'Unknown',
- iconColor: COLORS.TEXT.LIGHT,
+ iconColor: COLORS.BACKGROUND.LIGHT,
variant: 'gray',
},
};