Fixes canonical_id for condensate access

web/src/components/CondensateDetailPage.vue

@@ -44,10 +44,10 @@
                                             <!--<span v-for="(item, index) in getRating(response.data.data_sources)" :class="item" v-bind:key="index"/>-->
                                           <!--</div>-->
                                         <!--</div>-->
-                                        <div class="row">
+                                        <div class="row" v-show="response.data.synonyms">
                                             <div class="text col-sm-3">Also Known As</div>
                                             <div class="col-sm-9">
-                                                {{response.data.synonyms.map(a => a.replace('-', ' ').replace(/\b\w/g, l => l.toUpperCase())).join(', ')}}
+                                                {{response.data.synonyms ? response.data.synonyms.map(a => a.replace('-', ' ').replace(/\b\w/g, l => l.toUpperCase())).join(', ') : ''}}
                                             </div>
                                         </div>
                                     </div>

web/src/components/DataTable.vue

@@ -62,7 +62,7 @@
         const vm = this;
 
         _.forEach(data, (d) => {
-          d.DT_RowID = vm.category === "protein" ? `${d.proteinId}` : `${d.unique_name}`;
+          d.DT_RowID = vm.category === "protein" ? `${d.proteinId}` : `${d.canonical_id}`;
         });
 
         const proteinColumns = [

web/src/components/DataTableCondensate.vue

@@ -162,7 +162,7 @@
           const tr = $(e.target).parent().parent();
           const row = table.row(tr);
           // console.log(row.data())
-          vm.moveDetailPage(row.data().unique_name);
+          vm.moveDetailPage(row.data().canonical_id);
         });
 
         $('#download').on('click', 'a.dropdown-item', (e) => {