Update UserForm.js

folio-org · Jan 21, 2025 · 0b444a8 · 0b444a8
1 parent 881671c
commit 0b444a8
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/src/components/MediatedRequestsActivities/components/UserDetail/UserDetail.js b/src/components/MediatedRequestsActivities/components/UserDetail/UserDetail.js
@@ -1,5 +1,8 @@
 import PropTypes from 'prop-types';
-import { FormattedMessage } from 'react-intl';
+import {
+  FormattedMessage,
+  useIntl,
+} from 'react-intl';
 
 import {
   Col,
@@ -21,6 +24,7 @@ const UserDetail = ({
   proxy,
   patronGroup = '',
 }) => {
+  const { formatMessage } = useIntl();
   const id = user?.id ?? request.requesterId;
   const name = getRequesterName(user);
   const proxyInformation = getProxyInformation(proxy, request.proxyUserId);
@@ -40,6 +44,7 @@ const UserDetail = ({
         name={name}
         id={id}
         barcode={user.barcode}
+        ariaLabel={formatMessage({ id: 'ui-requests-mediated.form.requester.ariaLabel' })}
       />
       <Row>
         <Col xs={4}>

diff --git a/src/components/MediatedRequestsActivities/components/UserForm/UserForm.js b/src/components/MediatedRequestsActivities/components/UserForm/UserForm.js
@@ -44,7 +44,7 @@ const UserForm = ({
       name={name}
       id={user.id}
       barcode={user.barcode}
-      ariaLabel={formatMessage({ id: 'ui-requests-mediated.form.requester.ariaLabel' }) }
+      ariaLabel={formatMessage({ id: 'ui-requests-mediated.form.requester.ariaLabel' })}
     />;
   const proxySection = (isProxyAvailable && proxyInformation.id) ?
     <UserHighlightBox

diff --git a/src/utils.js b/src/utils.js
@@ -285,7 +285,7 @@ export const formatNoteReferrerEntityData = (entityData) => {
 
 export const getUserHighlightBoxLink = (linkText, id, ariaLabel) => {
   const additionalProps = {
-    ...(ariaLabel ? { ariaLabel } : {}),
+    ...(ariaLabel ? { 'aria-label': ariaLabel } : {}),
   };
 
   return linkText ?