From 2e2ac63a39674d989391f3d72e7d1ee79eb8aa44 Mon Sep 17 00:00:00 2001
From: Dan LaManna <dan.lamanna@kitware.com>
Date: Fri, 22 Nov 2024 02:08:12 -0500
Subject: [PATCH] Add text for empty recent diagnoses panel

---
 isic/core/templates/core/widgets/diagnosis_picker.html | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/isic/core/templates/core/widgets/diagnosis_picker.html b/isic/core/templates/core/widgets/diagnosis_picker.html
index bac8d813..35773e2e 100644
--- a/isic/core/templates/core/widgets/diagnosis_picker.html
+++ b/isic/core/templates/core/widgets/diagnosis_picker.html
@@ -5,7 +5,10 @@
 
     <script>
         function frequentDiagnoses() {
-            const mostFrequentDiagnoses = JSON.parse(document.getElementById('most-frequent-diagnoses').textContent);
+            let mostFrequentDiagnoses = [];
+            if (document.getElementById('most-frequent-diagnoses')) {
+                mostFrequentDiagnoses = JSON.parse(document.getElementById('most-frequent-diagnoses').textContent);
+            }
 
             return {
                 selectedDiagnosis: null,
@@ -34,6 +37,11 @@
 
     <div class="quick-select" x-data="frequentDiagnoses()">
         <h3>Recent Diagnoses</h3>
+
+        <template x-if="mostFrequentDiagnoses.length === 0">
+            <div class="text-sm text-gray-500 text-center">Start annotating to see your recent diagnoses here</div>
+        </template>
+
         <div class="quick-select-list" id="quick-select-list">
             <template x-for="diagnosis in mostFrequentDiagnoses" :key="diagnosis.id">
                 <div class="quick-select-item"