unify appearance of Job profile and download links

folio-org · Oct 5, 2023 · fa48693 · fa48693
1 parent e460345
commit fa48693
Showing 1 changed file with 16 additions and 9 deletions.
diff --git a/src/routes/JobSummary/JobSummary.js b/src/routes/JobSummary/JobSummary.js
@@ -27,6 +27,8 @@ import {
   Paneset,
   Row,
   Col,
+  Layout,
+  TextLink,
 } from '@folio/stripes/components';
 import css from '@folio/stripes-data-transfer-components/lib/SearchAndSortPane/SearchAndSortPane.css';
 import sharedCss from '../../shared.css';
@@ -42,6 +44,7 @@ import {
   storage,
   PREVIOUS_LOCATIONS_KEY,
   PER_REQUEST_LIMIT,
+  trimLeadNumbers,
 } from '../../utils';
 
 import { UploadingJobsContext } from '../../components';
@@ -141,13 +144,12 @@ const JobSummaryComponent = props => {
   };
 
   const jobProfileLink = (
-    <Link to={{
+    <TextLink to={{
       pathname: `/settings/data-import/job-profiles/view/${jobProfileId}`,
       search: '?sort=name',
-    }}
-    >
+    }}>
       {jobProfileName}
-    </Link>
+    </TextLink>
   );
 
   const renderHeader = renderProps => {
@@ -157,7 +159,7 @@ const JobSummaryComponent = props => {
         iconKey={isEdifactType ? FOLIO_RECORD_TYPES.INVOICE.iconKey : 'app'}
         app="data-import"
       >
-        <>{jobExecutionsRecords[0]?.fileName}</>
+        <>{trimLeadNumbers(jobExecutionsRecords[0]?.fileName)}</>
       </SettingsLabel>
     );
     const firstMenu = (
@@ -200,10 +202,15 @@ const JobSummaryComponent = props => {
         <div className={classNames(css.paneBody, sharedCss.sideMargins)}>
           <Row style={{ padding: '14px' }} center="xs">
             <Col sm={6}>
-              <FormattedMessage
-                id="ui-data-import.jobProfileNameLink"
-                values={{ jobProfileLink }}
-              />
+              <Layout className="padding-all-gutter flex centerContent">
+                <div>
+                  <strong>
+                    <FormattedMessage id="ui-data-import.jobProfileName" />
+                    :&nbsp;
+                  </strong>
+                  { jobProfileLink }
+                </div>
+              </Layout>
             </Col>
             {uploadConfiguration?.canUseObjectStorage && (
               <Col sm={6}>