Fix InfoFormat parameter checking (#1831)

Went through and ensured that undefined/null values were caught and handled correctly in render functions.  Also documented some of the more complicated functions.

---
Closes #1825

client/src/components/infoDrawer/infoFormat.js

@@ -3,7 +3,7 @@ import React from "react";
 
 const renderContributors = (contributors, affiliations, skeleton) => {
   // eslint-disable-next-line no-constant-condition --  Temp removed contributor section to avoid publishing PII
-  if (contributors?.length === 0 && true) return null;
+  if (!contributors || contributors.length === 0 || true) return null;
   return (
     <>
       <H3 className={skeleton ? Classes.SKELETON : null}>Contributors</H3>
@@ -25,6 +25,7 @@ const renderContributors = (contributors, affiliations, skeleton) => {
   );
 };
 
+// generates a list of unique institutions by order of appearance in contributors
 const buildAffiliations = (contributors = []) => {
   const affiliations = [];
   contributors.forEach((contributor) => {
@@ -43,11 +44,7 @@ const renderAffiliations = (affiliations, skeleton) => {
       <H3 className={skeleton ? Classes.SKELETON : null}>Affiliations</H3>
       <UL>
         {affiliations.map((item, index) => (
-          <div
+          <div key={item} className={skeleton ? Classes.SKELETON : null}>
-            id={`#afil${index}`}
-            key={item}
-            className={skeleton ? Classes.SKELETON : null}
-          >
             <sup>{index + 1}</sup>
             {"  "}
             {item}
@@ -61,16 +58,14 @@ const renderAffiliations = (affiliations, skeleton) => {
 const renderDOILink = (type, doi, skeleton) => {
   if (!doi) return null;
   return (
-    doi && (
+    <>
-      <>
+      <H3 className={skeleton ? Classes.SKELETON : null}>{type}</H3>
-        <H3 className={skeleton ? Classes.SKELETON : null}>{type}</H3>
+      <p className={skeleton ? Classes.SKELETON : null}>
-        <p className={skeleton ? Classes.SKELETON : null}>
+        <a href={doi} target="_blank" rel="noopener">
-          <a href={doi} target="_blank" rel="noopener">
+          {doi}
-            {doi}
+        </a>
-          </a>
+      </p>
-        </p>
+    </>
-      </>
-    )
   );
 };
 
@@ -84,6 +79,8 @@ const renderOrganism = (organism, skeleton) => {
   );
 };
 
+// Render list of metadata attributes found in categorical field
+// Ignores categories with empty or null values
 const renderSingleValueCategories = (singleValueCategories, skeleton) => {
   if (singleValueCategories.size === 0) return null;
   return (
@@ -104,6 +101,8 @@ const renderSingleValueCategories = (singleValueCategories, skeleton) => {
   );
 };
 
+// Renders any links found in the config where link_type is not "SUMMARY"
+// If there are no links in the config, render the aboutURL
 const renderLinks = (projectLinks, aboutURL, skeleton) => {
   if (!projectLinks && !aboutURL) return null;
   if (projectLinks)
@@ -147,6 +146,7 @@ const renderLinks = (projectLinks, aboutURL, skeleton) => {
 
 const NUM_CATEGORIES = 8;
 
+// Generates arbitrary placeholder array for singleValueCategories skeleton shape
 const singleValueCategoriesPlaceholder = Array.from(Array(NUM_CATEGORIES)).map(
   (_, index) => {
     return [index, index];