Fix some formatting issues

Author: dmfalke

packages/sites/genomics-site/webapp/wdkCustomization/js/client/components/records/GeneRecordClasses.GeneRecordClass.jsx

@@ -190,15 +190,15 @@ function RecordOverview(props) {
     }
     const rawValue = record.attributes[attributeName];
     if (rawValue == null) return '';
-    return formatAttributeValue(rawValue);
+    return renderAttributeValue(rawValue);
   }
 
   return (
     <div
       className="eupathdb-RecordOverview"
-      data-gene-type={r('gene_type')}
-      data-num-user-comments={r('num_user_comments')}
-      data-apollo={r('show_apollo')}
+      data-gene-type={record.attributes['gene_type']}
+      data-num-user-comments={record.attributes['num_user_comments']}
+      data-apollo={record.attributes['show_apollo']}
     >
       <div
         onMouseOver={(event) => {
@@ -253,7 +253,7 @@ function RecordOverview(props) {
               {r('strain')}
               <Link
                 style={{ fontSize: '90%', marginLeft: '1em' }}
-                to={`/record/dataset/${r('dataset_id')}`}
+                to={`/record/dataset/${record.attributes['dataset_id']}`}
               >
                 <i className="fa fa-database"></i> Data set
               </Link>
@@ -274,7 +274,7 @@ function RecordOverview(props) {
                 </a>
               </div>
               <div data-show-num-user-comments="0" data-label="User Comments">
-                <a href="{r('user_comment_link_url')}">
+                <a href={record.attributes['user_comment_link_url']}>
                   Add the first <i className="fa fa-comment"></i>
                 </a>
               </div>
@@ -284,11 +284,7 @@ function RecordOverview(props) {
               <dt>Community Annotations</dt>
               <dd>
                 <a
-                  href={`https://apollo.veupathdb.org/annotator/loadLink?organism=${r(
-                    'apollo_ident'
-                  )}&loc=${r('sequence_id')}:${r('start_min')}..${r(
-                    'end_max'
-                  )}&tracks=gene%2CRNA-Seq%20Evidence%20for%20Introns%2CCommunity%20annotations%20from%20Apollo`}
+                  href={`https://apollo.veupathdb.org/annotator/loadLink?organism=${record.attributes['apollo_ident']}&loc=${record.attributes['sequence_id']}:${record.attributes['start_min']}..${record.attributes['end_max']}&tracks=gene%2CRNA-Seq%20Evidence%20for%20Introns%2CCommunity%20annotations%20from%20Apollo`}
                 >
                   View / Update
                 </a>{' '}
@@ -303,20 +299,22 @@ function RecordOverview(props) {
         </div>
 
         <div className="eupathdb-RecordOverviewRight">
-          <div className="GeneOverviewIntent">{r('data_release_policy')}</div>
+          <div className="GeneOverviewIntent">
+            {record.attributes['data_release_policy']}
+          </div>
           <div className="eupathdb-ThumbnailsTitle">Shortcuts</div>
           <div className="eupathdb-ThumbnailsContainer">
             <Shortcuts {...props} />
           </div>
           <div className="eupathdb-RecordOverviewItem">
             Also see {r('source_id')} in the{' '}
-            <a href="{r('jbrowseLink')}" target="_blank">
+            <a href={record.attributes['jbrowseLink']} target="_blank">
               Genome Browser
             </a>
             <span data-show-gene-type="protein coding">
               {' '}
               or{' '}
-              <a href={`${r('pbrowseLink')}`} target="_blank">
+              <a href={record.attributes['pbrowseLink']} target="_blank">
                 Protein Browser
               </a>
             </span>