|
{showSelected &&
|
}
diff --git a/src/components/Accounts/ViewFeesFines/ViewFeesFines.js b/src/components/Accounts/ViewFeesFines/ViewFeesFines.js
index b36874ec8..879cd4a7f 100644
--- a/src/components/Accounts/ViewFeesFines/ViewFeesFines.js
+++ b/src/components/Accounts/ViewFeesFines/ViewFeesFines.js
@@ -2,9 +2,7 @@ import _ from 'lodash';
import React from 'react';
import PropTypes from 'prop-types';
import { Link } from 'react-router-dom';
-import {
- FormattedMessage,
-} from 'react-intl';
+import { FormattedMessage, injectIntl } from 'react-intl';
import {
Button,
@@ -18,6 +16,7 @@ import {
FormattedDate,
FormattedTime,
} from '@folio/stripes/components';
+import { stripesConnect } from "@folio/stripes/core";
import { itemStatuses } from '../../../constants';
import {
@@ -29,6 +28,7 @@ import {
isCancelAllowed,
} from '../accountFunctions';
import css from './ViewFeesFines.css';
+import { localizeCurrencyAmount } from "../../util/localizeCurrencyAmount";
class ViewFeesFines extends React.Component {
static propTypes = {
@@ -111,7 +111,7 @@ class ViewFeesFines extends React.Component {
const selected = checkedAccounts.reduce((s, { remaining }) => {
return s + parseFloat(remaining);
}, 0);
- this.props.onChangeSelected(parseFloat(selected).toFixed(2), checkedAccounts);
+ this.props.onChangeSelected(selected, checkedAccounts);
}
if (!_.isEqual(props.selectedAccounts, nextProps.selectedAccounts)) {
@@ -216,7 +216,7 @@ class ViewFeesFines extends React.Component {
}
getAccountsFormatter() {
- const accounts = this.props.selectedAccounts;
+ const { stripes, selectedAccounts, intl } = this.props;
return {
// Changed onChange to onClick to make sure the click event is correctly propagated
// and the checkbox actually changes visually.
@@ -226,7 +226,7 @@ class ViewFeesFines extends React.Component {
// which currently causes the checkbox to not be visually updated.
' ': f => (
a.id === f.id) !== -1)}
+ checked={(selectedAccounts.findIndex(a => a.id === f.id) !== -1)}
onClick={e => this.toggleItem(e, f)}
type="checkbox"
/>
@@ -234,8 +234,8 @@ class ViewFeesFines extends React.Component {
'metadata.createdDate': f => (f.metadata ?
: '-'),
'metadata.updatedDate': f => (f.metadata && f.metadata.createdDate !== f.metadata.updatedDate ?
: '-'),
'feeFineType': f => (f.feeFineType ? this.showComments(f) : '-'),
- 'amount': f => (f.amount ? parseFloat(f.amount).toFixed(2) : '-'),
- 'remaining': f => parseFloat(f.remaining).toFixed(2) || '0.00',
+ 'amount': f => (f.amount ? localizeCurrencyAmount(f.amount, stripes.currency, intl) : '-'),
+ 'remaining': f => localizeCurrencyAmount(f.amount || 0, stripes.currency, intl),
'paymentStatus.name': f => (f.paymentStatus || {}).name || '-',
'feeFineOwner': f => (f.feeFineOwner ? f.feeFineOwner : '-'),
'title': item => this.formatTitle(item),
@@ -287,7 +287,7 @@ class ViewFeesFines extends React.Component {
someIsClaimReturnedItem = (someIsClaimReturnedItem || (loan.item && loan.item.status && loan.item.status.name && loan.item.status.name === itemStatuses.CLAIMED_RETURNED));
});
selected /= 100;
- this.props.onChangeSelected(parseFloat(selected).toFixed(2), values);
+ this.props.onChangeSelected(selected, values);
const open = selected > 0;
const closed = values.length > 0;
@@ -501,4 +501,4 @@ class ViewFeesFines extends React.Component {
}
}
-export default ViewFeesFines;
+export default injectIntl(stripesConnect(ViewFeesFines));
diff --git a/src/components/Accounts/accountFunctions.test.js b/src/components/Accounts/accountFunctions.test.js
index e856c1ecd..a9173182e 100644
--- a/src/components/Accounts/accountFunctions.test.js
+++ b/src/components/Accounts/accountFunctions.test.js
@@ -3,7 +3,6 @@ import account from 'fixtures/account';
import {
count,
calculateSelectedAmount,
- calculateRemainingAmount,
loadServicePoints,
accountRefundInfo,
calculateTotalPaymentAmount,
@@ -32,10 +31,6 @@ describe('Account Functions', () => {
const data = calculateSelectedAmount([account], true);
expect(data).toBe('90.00');
});
- it('If calculateRemainingAmount works', async () => {
- const data = calculateRemainingAmount('100.00', '200.00', '500.00', 'refund');
- expect(data).toBe('400.00');
- });
it('If loadServicePoints works', async () => {
const owners = [
{
diff --git a/src/components/AssignedUsers/AssignUsers.js b/src/components/AssignedUsers/AssignUsers.js
index d3438260d..6891a06f1 100644
--- a/src/components/AssignedUsers/AssignUsers.js
+++ b/src/components/AssignedUsers/AssignUsers.js
@@ -5,7 +5,7 @@ import { keyBy } from 'lodash';
import {
Pluggable,
- withStripes,
+ stripesConnect,
} from '@folio/stripes/core';
import styles from './AssignUsers.css';
@@ -41,4 +41,4 @@ AssignUsers.propTypes = {
tenantId: PropTypes.string,
};
-export default withStripes(AssignUsers);
+export default stripesConnect(AssignUsers);
diff --git a/src/components/HelperApp/HelperApp.js b/src/components/HelperApp/HelperApp.js
index 9bc554242..874f7c63a 100644
--- a/src/components/HelperApp/HelperApp.js
+++ b/src/components/HelperApp/HelperApp.js
@@ -2,7 +2,7 @@ import React from 'react';
import PropTypes from 'prop-types';
import { withRouter } from 'react-router';
import { Tags } from '@folio/stripes/smart-components';
-import { withStripes, stripesConnect } from '@folio/stripes/core';
+import { stripesConnect } from '@folio/stripes/core';
class HelperApp extends React.Component {
static propTypes = {
@@ -42,4 +42,4 @@ class HelperApp extends React.Component {
}
}
-export default withRouter(withStripes(HelperApp));
+export default withRouter(stripesConnect(HelperApp));
diff --git a/src/components/Loans/ClosedLoans/ClosedLoans.js b/src/components/Loans/ClosedLoans/ClosedLoans.js
index dd039f1a7..d651c123a 100644
--- a/src/components/Loans/ClosedLoans/ClosedLoans.js
+++ b/src/components/Loans/ClosedLoans/ClosedLoans.js
@@ -36,6 +36,7 @@ import Label from '../../Label';
import ErrorModal from '../../ErrorModal';
import css from './ClosedLoans.css';
+import { localizeCurrencyAmount } from "../../util/localizeCurrencyAmount";
class ClosedLoans extends React.Component {
static propTypes = {
@@ -163,13 +164,14 @@ class ClosedLoans extends React.Component {
};
getFeeFine(loan) {
+ const { intl, stripes } = this.props;
const accounts = _.get(this.props.resources, ['loanAccount', 'records'], []);
const accountsLoan = accounts.filter(a => a.loanId === loan.id) || [];
let remaining = 0;
accountsLoan.forEach(a => {
remaining += parseFloat(a.amount);
});
- return (remaining === 0) ? '-' : remaining.toFixed(2);
+ return (remaining === 0) ? '-' : localizeCurrencyAmount(remaining, stripes.currency, intl);
}
getContributorslist(loan) { // eslint-disable-line class-methods-use-this
diff --git a/src/components/UserDetailSections/UserAccounts/UserAccounts.js b/src/components/UserDetailSections/UserAccounts/UserAccounts.js
index c506d7cab..ed545be13 100644
--- a/src/components/UserDetailSections/UserAccounts/UserAccounts.js
+++ b/src/components/UserDetailSections/UserAccounts/UserAccounts.js
@@ -22,6 +22,7 @@ import {
refundClaimReturned,
} from '../../../constants';
import { isDcbUser } from '../../util';
+import { useLocalizeCurrency } from "../../../hooks/useLocalizedCurrency/useLocalizeCurrency";
/**
@@ -52,6 +53,7 @@ const UserAccounts = ({
totalRefunded: 0.00,
});
const stripes = useStripes();
+ const { localizeCurrency } = useLocalizeCurrency();
const accountsLoaded = !isPending;
const {
openAccountsCount,
@@ -88,9 +90,9 @@ const UserAccounts = ({
closedAccountsCount: closed.length,
claimAccountsCount: claim.length,
refundedAccountsCount: refunded.length,
- total: parseFloat(openTotal).toFixed(2),
- totalClaim: parseFloat(claimTotal).toFixed(2),
- totalRefunded: parseFloat(refundedTotal).toFixed(2),
+ total: parseFloat(openTotal),
+ totalClaim: parseFloat(claimTotal),
+ totalRefunded: parseFloat(refundedTotal),
});
}, [records, resources]);
@@ -118,7 +120,7 @@ const UserAccounts = ({
{' '}
{' '}
- {item.id === 'clickable-viewcurrentaccounts' &&
}
+ {item.id === 'clickable-viewcurrentaccounts' &&
}
)}
items={[
{
@@ -150,7 +152,7 @@ const UserAccounts = ({
{' '}
-
+
)}
items={[
diff --git a/src/components/util/localizeCurrencyAmount.js b/src/components/util/localizeCurrencyAmount.js
new file mode 100644
index 000000000..2ca63aab9
--- /dev/null
+++ b/src/components/util/localizeCurrencyAmount.js
@@ -0,0 +1,3 @@
+export const localizeCurrencyAmount = (value, currency, intl) => {
+ return intl.formatNumber(value, { style: 'currency', currency });
+};
diff --git a/src/hooks/useLocalizedCurrency/useLocalizeCurrency.js b/src/hooks/useLocalizedCurrency/useLocalizeCurrency.js
new file mode 100644
index 000000000..88e4bbb54
--- /dev/null
+++ b/src/hooks/useLocalizedCurrency/useLocalizeCurrency.js
@@ -0,0 +1,12 @@
+import { useIntl } from "react-intl";
+import { useStripes } from "@folio/stripes/core";
+import { localizeCurrencyAmount } from "../../components/util/localizeCurrencyAmount";
+
+export const useLocalizeCurrency = () => {
+ const intl = useIntl();
+ const stripes = useStripes();
+
+ return {
+ localizeCurrency: (value) => localizeCurrencyAmount(value, stripes.currency, intl)
+ };
+}
diff --git a/src/routes/ChargeFeesFinesContainer.js b/src/routes/ChargeFeesFinesContainer.js
index cbc63dedd..e2f35a505 100644
--- a/src/routes/ChargeFeesFinesContainer.js
+++ b/src/routes/ChargeFeesFinesContainer.js
@@ -1,10 +1,7 @@
import React from 'react';
import PropTypes from 'prop-types';
-import {
- stripesConnect,
- withStripes,
-} from '@folio/stripes/core';
+import { stripesConnect } from '@folio/stripes/core';
import { ChargeFeeFine } from '../components/Accounts';
import CurrentUserServicePointAbsenteeErrorModal from '../components/CurrentUserServicePointAbsenteeErrorModal';
@@ -212,4 +209,4 @@ class ChargeFeesFinesContainer extends React.Component {
}
}
-export default stripesConnect(withStripes(ChargeFeesFinesContainer));
+export default stripesConnect(ChargeFeesFinesContainer);
diff --git a/src/settings/AddressTypesSettings.js b/src/settings/AddressTypesSettings.js
index 9f9c41d40..7e8d7e067 100644
--- a/src/settings/AddressTypesSettings.js
+++ b/src/settings/AddressTypesSettings.js
@@ -5,7 +5,7 @@ import {
injectIntl,
} from 'react-intl';
import { ControlledVocab } from '@folio/stripes/smart-components';
-import { withStripes } from '@folio/stripes/core';
+import {stripesConnect } from '@folio/stripes/core';
class AddressTypesSettings extends React.Component {
static propTypes = {
@@ -57,4 +57,4 @@ class AddressTypesSettings extends React.Component {
}
}
-export default injectIntl(withStripes(AddressTypesSettings));
+export default injectIntl(stripesConnect(AddressTypesSettings));
diff --git a/src/settings/ConditionsSettings.js b/src/settings/ConditionsSettings.js
index 41d4130be..3992b13d4 100644
--- a/src/settings/ConditionsSettings.js
+++ b/src/settings/ConditionsSettings.js
@@ -5,7 +5,7 @@ import {
injectIntl,
} from 'react-intl';
-import { stripesConnect, withStripes } from '@folio/stripes/core';
+import { stripesConnect } from '@folio/stripes/core';
import { Settings } from '@folio/stripes/smart-components';
import Conditions from './patronBlocks/Conditions/Conditions';
@@ -87,4 +87,4 @@ class ConditionsSettings extends Component {
}
}
-export default injectIntl(withStripes(stripesConnect(ConditionsSettings)));
+export default injectIntl(stripesConnect(ConditionsSettings));
diff --git a/src/settings/FeeFineSettings.js b/src/settings/FeeFineSettings.js
index 65ab226d5..b2a2022bf 100644
--- a/src/settings/FeeFineSettings.js
+++ b/src/settings/FeeFineSettings.js
@@ -12,7 +12,7 @@ import {
NoValue,
} from '@folio/stripes/components';
import { ControlledVocab } from '@folio/stripes/smart-components';
-import { IfPermission, stripesConnect, withStripes } from '@folio/stripes/core';
+import { IfPermission, stripesConnect } from '@folio/stripes/core';
import { validate } from '../components/util';
import {
@@ -25,6 +25,7 @@ import {
MAX_RECORDS,
SHARED_OWNER,
} from '../constants';
+import { localizeCurrencyAmount } from "../components/util/localizeCurrencyAmount";
const columnMapping = {
feeFineType: (
@@ -254,10 +255,10 @@ class FeeFineSettings extends React.Component {
}
render() {
- const { intl: { formatMessage }, stripes } = this.props;
+ const { intl, stripes } = this.props;
const { owners, templates, ownerId } = this.state;
const filterOwners = this.getOwners();
- const label = formatMessage({ id: 'ui-users.feefines.singular' });
+ const label = intl.formatMessage({ id: 'ui-users.feefines.singular' });
const hasEditPerm = stripes.hasPerm('feefines.item.put');
const hasDeletePerm = stripes.hasPerm('feefines.item.delete');
const hasCreatePerm = stripes.hasPerm('feefines.item.post');
@@ -289,7 +290,7 @@ class FeeFineSettings extends React.Component {
};
const formatter = {
- 'defaultAmount': (value) => (value.defaultAmount ? parseFloat(value.defaultAmount).toFixed(2) :
),
+ 'defaultAmount': (value) => (value.defaultAmount ? localizeCurrencyAmount(value.defaultAmount, stripes.currency, intl) :
),
'chargeNoticeId': ({ chargeNoticeId }) => this.getNotice(chargeNoticeId, 'Charge'),
'actionNoticeId': ({ actionNoticeId }) => this.getNotice(actionNoticeId, 'Action'),
};
@@ -337,7 +338,7 @@ class FeeFineSettings extends React.Component {
formatter={formatter}
hiddenFields={['lastUpdated', 'numberOfObjects']}
id="settings-feefines"
- label={formatMessage({ id: 'ui-users.feefines.title' })}
+ label={intl.formatMessage({ id: 'ui-users.feefines.title' })}
labelSingular={label}
nameKey="feefine"
objectLabel=""
@@ -361,4 +362,4 @@ class FeeFineSettings extends React.Component {
}
}
-export default injectIntl(withStripes(stripesConnect(FeeFineSettings)));
+export default injectIntl(stripesConnect(FeeFineSettings));
diff --git a/src/settings/LimitsSettings.js b/src/settings/LimitsSettings.js
index 599f91177..33db623da 100644
--- a/src/settings/LimitsSettings.js
+++ b/src/settings/LimitsSettings.js
@@ -8,10 +8,7 @@ import {
isEmpty,
} from 'lodash';
-import {
- stripesConnect,
- withStripes,
-} from '@folio/stripes/core';
+import { stripesConnect } from '@folio/stripes/core';
import { Settings } from '@folio/stripes/smart-components';
import Limits from './patronBlocks/Limits/Limits';
@@ -143,4 +140,4 @@ class LimitsSettings extends Component {
}
}
-export default injectIntl(withStripes(stripesConnect(LimitsSettings)));
+export default injectIntl(stripesConnect(LimitsSettings));
diff --git a/src/settings/OwnerSettings.js b/src/settings/OwnerSettings.js
index 0959c9e7a..a36dd3588 100644
--- a/src/settings/OwnerSettings.js
+++ b/src/settings/OwnerSettings.js
@@ -11,7 +11,7 @@ import {
Label,
} from '@folio/stripes/components';
import { ControlledVocab } from '@folio/stripes/smart-components';
-import { stripesConnect, withStripes } from '@folio/stripes/core';
+import { stripesConnect } from '@folio/stripes/core';
import { validate } from '../components/util';
import { SHARED_OWNER } from '../constants';
@@ -177,4 +177,4 @@ class OwnerSettings extends React.Component {
}
}
-export default injectIntl(withStripes(stripesConnect(OwnerSettings)));
+export default injectIntl(stripesConnect(OwnerSettings));
diff --git a/src/settings/PatronGroupsSettings.js b/src/settings/PatronGroupsSettings.js
index 6eb32ee2f..f0e70e3d5 100644
--- a/src/settings/PatronGroupsSettings.js
+++ b/src/settings/PatronGroupsSettings.js
@@ -5,7 +5,7 @@ import {
injectIntl,
} from 'react-intl';
import { ControlledVocab } from '@folio/stripes/smart-components';
-import { withStripes } from '@folio/stripes/core';
+import { stripesConnect } from '@folio/stripes/core';
import { getSourceSuppressor } from '@folio/stripes/util';
import { RECORD_SOURCE } from '../constants';
@@ -85,4 +85,4 @@ class PatronGroupsSettings extends React.Component {
}
}
-export default injectIntl(withStripes(PatronGroupsSettings));
+export default injectIntl(stripesConnect(PatronGroupsSettings));
diff --git a/src/settings/PaymentSettings.js b/src/settings/PaymentSettings.js
index ecd743a27..3bd9d6960 100644
--- a/src/settings/PaymentSettings.js
+++ b/src/settings/PaymentSettings.js
@@ -8,7 +8,7 @@ import {
Label,
} from '@folio/stripes/components';
import { ControlledVocab } from '@folio/stripes/smart-components';
-import { stripesConnect, withStripes } from '@folio/stripes/core';
+import { stripesConnect } from '@folio/stripes/core';
import { validate } from '../components/util';
import { Owners } from './FeeFinesTable';
@@ -114,4 +114,4 @@ class PaymentSettings extends React.Component {
}
}
-export default injectIntl(withStripes(stripesConnect(PaymentSettings)));
+export default injectIntl(stripesConnect(PaymentSettings));
diff --git a/src/settings/ProfilePictureSettings.js b/src/settings/ProfilePictureSettings.js
index c27257b1f..685d65f8d 100644
--- a/src/settings/ProfilePictureSettings.js
+++ b/src/settings/ProfilePictureSettings.js
@@ -8,7 +8,7 @@ import {
} from '@folio/stripes/components';
import { Field } from 'react-final-form';
import { ConfigManager } from '@folio/stripes/smart-components';
-import { withStripes } from '@folio/stripes/core';
+import { stripesConnect } from '@folio/stripes/core';
class ProfilePictureSettings extends React.Component {
static propTypes = {
@@ -53,4 +53,4 @@ class ProfilePictureSettings extends React.Component {
}
}
-export default withStripes(ProfilePictureSettings);
+export default stripesConnect(ProfilePictureSettings);
diff --git a/src/settings/RefundReasonsSettings.js b/src/settings/RefundReasonsSettings.js
index c9a11b6de..a60465e7f 100644
--- a/src/settings/RefundReasonsSettings.js
+++ b/src/settings/RefundReasonsSettings.js
@@ -8,7 +8,7 @@ import {
Label,
} from '@folio/stripes/components';
import { ControlledVocab } from '@folio/stripes/smart-components';
-import { withStripes } from '@folio/stripes/core';
+import { stripesConnect } from '@folio/stripes/core';
import { validate } from '../components/util';
const columnMapping = {
@@ -63,4 +63,4 @@ class RefundReasonsSettings extends React.Component {
}
}
-export default injectIntl(withStripes(RefundReasonsSettings));
+export default injectIntl(stripesConnect(RefundReasonsSettings));
diff --git a/src/settings/TransferAccountsSettings.js b/src/settings/TransferAccountsSettings.js
index c9e4d83d8..f62073cba 100644
--- a/src/settings/TransferAccountsSettings.js
+++ b/src/settings/TransferAccountsSettings.js
@@ -8,7 +8,7 @@ import {
Label,
} from '@folio/stripes/components';
import { ControlledVocab } from '@folio/stripes/smart-components';
-import { stripesConnect, withStripes } from '@folio/stripes/core';
+import { stripesConnect } from '@folio/stripes/core';
import { validate } from '../components/util';
import { Owners } from './FeeFinesTable';
@@ -118,4 +118,4 @@ class TransferAccountsSettings extends React.Component {
}
}
-export default injectIntl(withStripes(stripesConnect(TransferAccountsSettings)));
+export default injectIntl(stripesConnect(TransferAccountsSettings));
diff --git a/src/settings/WaiveSettings.js b/src/settings/WaiveSettings.js
index 74f68c926..23808be5a 100644
--- a/src/settings/WaiveSettings.js
+++ b/src/settings/WaiveSettings.js
@@ -8,7 +8,7 @@ import {
Label,
} from '@folio/stripes/components';
import { ControlledVocab } from '@folio/stripes/smart-components';
-import { withStripes } from '@folio/stripes/core';
+import { stripesConnect } from '@folio/stripes/core';
import { validate } from '../components/util';
const columnMapping = {
@@ -67,4 +67,4 @@ class WaiveSettings extends React.Component {
}
}
-export default injectIntl(withStripes(WaiveSettings));
+export default injectIntl(stripesConnect(WaiveSettings));
diff --git a/src/views/AccountDetails/AccountDetails.js b/src/views/AccountDetails/AccountDetails.js
index 20097be8e..3635ef7c2 100644
--- a/src/views/AccountDetails/AccountDetails.js
+++ b/src/views/AccountDetails/AccountDetails.js
@@ -22,6 +22,7 @@ import {
import {
IfPermission,
AppIcon,
+ stripesConnect,
} from '@folio/stripes/core';
import Actions from '../../components/Accounts/Actions/FeeFineActions';
@@ -29,7 +30,6 @@ import {
calculateSortParams,
getFullName,
formatActionDescription,
- formatCurrencyAmount,
getServicePointOfCurrentAction,
isRefundAllowed,
} from '../../components/util';
@@ -45,6 +45,7 @@ import {
} from '../../constants';
import css from './AccountDetails.css';
+import {localizeCurrencyAmount} from "../../components/util/localizeCurrencyAmount";
const columnWidths = {
date: 100,
@@ -421,6 +422,7 @@ feeFineActions
patronGroup: patron,
resources,
stripes,
+ intl,
match: { params },
user,
itemDetails,
@@ -480,8 +482,8 @@ feeFineActions
// Action: aa => loanActionMap[la.action],
date: action =>
,
action: action => formatActionDescription(action),
- amount: action => (action.amountAction > 0 ? formatCurrencyAmount(action.amountAction) : '-'),
- balance: action => (action.balance > 0 ? formatCurrencyAmount(action.balance) : '-'),
+ amount: action => (action.amountAction > 0 ? localizeCurrencyAmount(action.amountAction, stripes.currency, intl) : '-'),
+ balance: action => (action.balance > 0 ? localizeCurrencyAmount(action.balance, stripes.currency, intl) : '-'),
transactioninfo: action => action.transactionInformation || '-',
created: action => getServicePointOfCurrentAction(action, servicePoints),
source: action => action.source,
@@ -493,7 +495,7 @@ feeFineActions
const actions = this.state.data || [];
const actionsSort = _.orderBy(actions, [this.sortMap[sortOrder[0]], this.sortMap[sortOrder[1]]], sortDirection);
- const amount = account.amount ? formatCurrencyAmount(account.amount) : '-';
+ const amount = account.amount ? localizeCurrencyAmount(account.amount, stripes.currency, intl) : '-';
const loanId = account.loanId || '';
const isAccountId = actions[0] && actions[0].accountId === account.id;
@@ -606,7 +608,7 @@ feeFineActions
}
- value={formatCurrencyAmount(this.state.remaining)}
+ value={localizeCurrencyAmount(this.state.remaining || 0, stripes.currency, intl)}
/>
|
)}
diff --git a/src/views/LoanDetails/LoanDetails.js b/src/views/LoanDetails/LoanDetails.js
index bf5af455c..be661dd61 100644
--- a/src/views/LoanDetails/LoanDetails.js
+++ b/src/views/LoanDetails/LoanDetails.js
@@ -57,6 +57,7 @@ import loanActionMap from '../../components/data/static/loanActionMap';
import LoanProxyDetails from './LoanProxyDetails';
import css from './LoanDetails.css';
+import { localizeCurrencyAmount } from "../../components/util/localizeCurrencyAmount";
function formatLoanAction(la, loanActionsWithUser) {
@@ -205,14 +206,15 @@ class LoanDetails extends React.Component {
}
viewFeeFine() {
- const { stripes, loanAccountActions, loan } = this.props;
+ const { stripes, loanAccountActions, loan, intl } = this.props;
const total = loanAccountActions.reduce((acc, { amount }) => (acc + parseFloat(amount)), 0);
const suspendedAction = loanAccountActions.filter(a => a?.paymentStatus?.name === refundClaimReturned.PAYMENT_STATUS) || [];
const suspendedMessage = (suspendedAction.length > 0) ?