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', }, };