Bug: renders donor institute name & number when null

src/accessions/ui/DisplayPage.tsx

@@ -224,15 +224,18 @@ class BrowsePage extends React.Component<IBrowsePageProps, any> {
                       { t(`accessions.common.mlsStatus.${accession.mlsStatus}`) }
                       <AuditedInfo info={ auditAccession.mlsStatus }/>
                     </PropertiesItem>
-                    <PropertiesItem title={ t('accessions.public.p.display.donorInstitute') }>
-                      { accession.donorCode }
-                      <AuditedInfo info={ auditAccession.donorCode }/>
-                    </PropertiesItem>
-                    <PropertiesItem title={ t('accessions.public.p.display.donorAccessionNumber') }>
-                      { accession.donorNumb }
-                      <AuditedInfo info={ auditAccession.donorNumb }/>
-                    </PropertiesItem>
-
+                    { accession.donorCode &&
+                      <PropertiesItem title={ t('accessions.public.p.display.donorInstitute') }>
+                        { accession.donorCode }
+                        <AuditedInfo info={ auditAccession.donorCode }/>
+                      </PropertiesItem>
+                    }
+                    { accession.donorNumb &&
+                      <PropertiesItem title={ t('accessions.public.p.display.donorAccessionNumber') }>
+                        { accession.donorNumb }
+                        <AuditedInfo info={ auditAccession.donorNumb }/>
+                      </PropertiesItem>
+                    }
                     { accession.duplSite && accession.duplSite.length > 0 && <PropertiesItem title={ t('accessions.public.p.display.safetyDuplicationInstitute') }>
                       { accession.duplSite.map((duplSite, i) => (
                         <div key={ duplSite } style={ {width: '100%', paddingTop: '.25rem'} }>{ duplSite }</div>