Added investigation beamline and start date to parcel header

src/components/Parcels/ParcelDetails.js

@@ -112,7 +112,11 @@ function ParcelDetails(props) {
           onCloseModal={handleCloseModal}
         />
       )}
-      <ParcelHeader parcel={parcel} setAlert={setAlert} />
+      <ParcelHeader
+        parcel={parcel}
+        investigation={investigation}
+        setAlert={setAlert}
+      />
 
       <div className={styles.statusRow}>
         <div className={styles.statusCol}>

src/components/Parcels/ParcelHeader.js

@@ -7,9 +7,10 @@ import ParcelResource from '../../resources/parcel';
 import DownloadLabelButton from './DownloadLabelButton';
 import styles from './ParcelHeader.module.css';
 import { Link } from 'react-router-dom';
+import { dateFormatter } from '../Investigation/utils';
 
 function ParcelHeader(props) {
-  const { parcel, setAlert } = props;
+  const { parcel, investigation, setAlert } = props;
   const { shipmentId, investigationId, _id } = parcel;
   const history = useHistory();
 
@@ -24,7 +25,8 @@ function ParcelHeader(props) {
         <h4 className={styles.investigation}>
           Investigation{' '}
           <Link to={`/investigation/${investigationId}/shipping`}>
-            {parcel.investigationName}
+            {investigation.name} - {dateFormatter(investigation.startDate)} -{' '}
+            {investigation.visitId.toUpperCase()}
           </Link>
         </h4>
       </div>