UIORGS-356 Fix aliases version field (#659)

* UIORGS-356 Fix aliases version field * update tests
folio-org · Nov 28, 2024 · 4e6378d · 4e6378d
1 parent 1b58202
commit 4e6378d
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 8 deletions.
diff --git a/...zationVersion/components/OrganizationSummaryVersionView/OrganizationSummaryVersionView.js b/...zationVersion/components/OrganizationSummaryVersionView/OrganizationSummaryVersionView.js
@@ -1,8 +1,13 @@
 import PropTypes from 'prop-types';
+import {
+  useContext,
+  useMemo,
+} from 'react';
 import { FormattedMessage } from 'react-intl';
 
 import {
   Col,
+  KeyValue,
   NoValue,
   Row,
 } from '@folio/stripes/components';
@@ -11,11 +16,16 @@ import {
   LANG_LABEL_BY_CODE,
   VersionCheckbox,
   VersionKeyValue,
+  VersionViewContext,
 } from '@folio/stripes-acq-components';
 
 import { ORGANIZATION_SECTIONS } from '../../../constants';
 
 export const OrganizationSummaryVersionView = ({ version }) => {
+  const versionContext = useContext(VersionViewContext);
+
+  const changedFieldNameSet = useMemo(() => new Set(versionContext?.paths), [versionContext?.paths]);
+
   return (
     <>
       <Row>
@@ -113,12 +123,15 @@ export const OrganizationSummaryVersionView = ({ version }) => {
         </Col>
 
         <Col xs={3}>
-          <VersionKeyValue
-            name="aliases"
-            label={<FormattedMessage id="ui-organizations.summary.alternativeNames" />}
-            value={version?.alternativeNames || <NoValue />}
-            multiple
-          />
+          <KeyValue label={<FormattedMessage id="ui-organizations.summary.alternativeNames" />}>
+            {
+              version?.aliases?.map(({ value }, indx, arr) => {
+                const displayValue = changedFieldNameSet.has(`aliases[${indx}].value`) ? <mark>{value}</mark> : value;
+
+                return <>{displayValue}{indx !== arr.length - 1 && ', '}</>;
+              })
+            }
+          </KeyValue>
         </Col>
       </Row>
     </>

diff --git a/...rganizationVersion/hooks/useSelectedOrganizationVersion/useSelectedOrganizationVersion.js b/...rganizationVersion/hooks/useSelectedOrganizationVersion/useSelectedOrganizationVersion.js
@@ -104,7 +104,6 @@ export const useSelectedOrganizationVersion = ({ versionId, versions, snapshotPa
           acqUnits: account?.acqUnitIds?.map((acqUnitId) => acqUnitsMap[acqUnitId]?.name || deletedRecordLabel),
         })),
         acqUnits: acqUnitsIds.map(acqUnitsId => acqUnitsMap[acqUnitsId]?.name || deletedRecordLabel).join(', '),
-        alternativeNames: versionSnapshot?.aliases?.map(({ value }) => value).join(', '),
         vendorCurrenciesValue,
         metadata,
       };

diff --git a/...zationVersion/hooks/useSelectedOrganizationVersion/useSelectedOrganizationVersion.test.js b/...zationVersion/hooks/useSelectedOrganizationVersion/useSelectedOrganizationVersion.test.js
@@ -79,7 +79,6 @@ describe('useSelectedOrganizationVersion', () => {
         acqUnits: [],
       })),
       acqUnits: '',
-      alternativeNames: 'Amazon',
       contactsList: contacts,
       interfacesList: interfaces,
       vendorCurrenciesValue: 'US Dollar (USD)',