UIDATIMP-1666: Display correctly Percentage and Currency fields for orders and invoices

CHANGELOG.md

@@ -19,6 +19,7 @@
 * When navigating to the Invoice field mapping profile edit form the page crashes (UIDATIMP-1646)
 * Reset offset when open VievAllLogs page. (UIDATIMP-1645)
 * Add missing `source-storage.sourceRecords.get` permission. (UIDATIMP-1652)
+* Display correctly "Percentage" and "Currency" fields for orders and invoices. (UIDATIMP-1666)
 
 ## [7.1.8](https://github.com/folio-org/ui-data-import/tree/v7.1.8) (2024-05-09)
 

src/settings/MappingProfiles/detailsSections/edit/OrderDetailSection/DonorInformation.js

@@ -70,7 +70,7 @@ export const DonorInformation = ({
 
   return (
     <Accordion
-      id="location"
+      id="donor-information"
       label={<FormattedMessage id={`${TRANSLATION_ID_PREFIX}.order.donorInformation.section`} />}
     >
       <RepeatableField

src/settings/MappingProfiles/detailsSections/utils.js

@@ -241,10 +241,10 @@ export const getAccountNumbersByCode = organization => {
   }), {});
 };
 
-export const PERCENTAGE_VALUE = 'Percentage';
+export const PERCENTAGE_VALUE = 'percentage';
 
 export const renderAmountValue = (amountValue, amountType, currency) => {
-  const amountSymbol = amountType === `"${PERCENTAGE_VALUE}"` ?
+  const amountSymbol = amountType?.toLowerCase() === `"${PERCENTAGE_VALUE}"` ?
     <FormattedMessage id="stripes-acq-components.fundDistribution.type.sign.percent" /> :
     <CurrencySymbol currency={currency} />;