From 95ebfbbf08bc0922efcbc0685898a96abb34b499 Mon Sep 17 00:00:00 2001
From: W Beecher Baker <wbbaker@purdue.edu>
Date: Thu, 12 Sep 2024 14:58:57 -0400
Subject: [PATCH] move rendering of name to SpecimenSummary

---
 .../Panel/PanelSpecimens/PanelSpecimens.vue           |  9 ---------
 .../Panel/PanelSpecimens/SpecimenSummary.vue          | 11 ++++++++++-
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/modules/otus/components/Panel/PanelSpecimens/PanelSpecimens.vue b/src/modules/otus/components/Panel/PanelSpecimens/PanelSpecimens.vue
index e37fea4..30937a6 100644
--- a/src/modules/otus/components/Panel/PanelSpecimens/PanelSpecimens.vue
+++ b/src/modules/otus/components/Panel/PanelSpecimens/PanelSpecimens.vue
@@ -18,7 +18,6 @@
       <p v-if="typeof inventoryDWC === 'string'" v-html="inventoryDWC"/>
       <ul v-else class="tree ml-2">
         <li v-for="specimen in inventoryDWC" :key="specimen.id" class="mt-1">
-          <span v-html="nameAndAuthor(specimen)"/>
           <SpecimenSummary :specimen="specimen" :otu-id="otuId"/>
         </li>
       </ul>
@@ -64,12 +63,4 @@ watch(
   {immediate: true}
 )
 
-function genusSpecies(specimen) {
-  return [specimen.genus,  specimen.specificEpithet].filter(Boolean).join(' ')
-}
-
-function nameAndAuthor(specimen) {
-  return [`<em>${genusSpecies(specimen)}</em>`, specimen.scientificNameAuthorship].filter(Boolean).join(' ')
-}
-
 </script>
diff --git a/src/modules/otus/components/Panel/PanelSpecimens/SpecimenSummary.vue b/src/modules/otus/components/Panel/PanelSpecimens/SpecimenSummary.vue
index 96b099e..5783ac5 100644
--- a/src/modules/otus/components/Panel/PanelSpecimens/SpecimenSummary.vue
+++ b/src/modules/otus/components/Panel/PanelSpecimens/SpecimenSummary.vue
@@ -5,6 +5,7 @@ For further reference see https://dwc.tdwg.org/terms/.
 -->
 <template>
   <!--    <ul class="tree m-2 ml-6 list-disc">-->
+  <div v-html="nameAndAuthor(specimen)"/>
   <ul class="tree m-2 ml-6 relative">
     <li class="my-2">{{ describeSpecimen(specimen) }}</li>
     <li class="my-2">{{describeDetails(specimen).join(', ')}}</li>
@@ -32,7 +33,15 @@ const props = defineProps({
   }
 })
 
-/** Based on taxonpages-orthoptera PanelSpecimenRecords. */
+function genusSpecies(specimen) {
+  return [specimen.genus,  specimen.specificEpithet].filter(Boolean).join(' ')
+}
+
+function nameAndAuthor(specimen) {
+  return [`<em>${genusSpecies(specimen)}</em>`, specimen.scientificNameAuthorship].filter(Boolean).join(' ')
+}
+
+/** Inspired by taxonpages-orthoptera PanelSpecimenRecords. */
 function describeSpecimen(specimen) {
   return [
     specimen.catalogNumber,