Fix warning tooltip to show line breaks and not show dupe warnings

bcgov · Jul 8, 2024 · dcca059 · dcca059
1 parent b0474ff
commit dcca059
Showing 1 changed file with 6 additions and 7 deletions.
diff --git a/frontend/src/components/common/CustomTable.vue b/frontend/src/components/common/CustomTable.vue
@@ -85,7 +85,9 @@
                   {{ getSdcStudentIssueIcon(props.item['sdcSchoolCollectionStudentStatusCode']) }}
                 </v-icon>
               </template>
-              {{ getSdcStudentStatusHoverText(props.item['sdcSchoolCollectionStudentStatusCode'], props.item['sdcSchoolCollectionStudentValidationIssues']) }}
+              <div style="white-space: pre-line;">
+                {{ getSdcStudentStatusHoverText(props.item['sdcSchoolCollectionStudentStatusCode'], props.item['sdcSchoolCollectionStudentValidationIssues']) }}
+              </div>
             </v-tooltip>
             <div v-else>
               <span v-if="column.key === 'studentPen'">
@@ -304,14 +306,11 @@ export default {
     },
     getSdcStudentStatusHoverText(status, codes) {
       if (status === 'FUNDWARN' || status === 'INFOWARN') {
-        let hoverText = '';
+        let hoverTextSet = new Set();
         codes.forEach((code, index) => {
-          if (index !== 0){
-            hoverText += '\n';
-          }
-          hoverText += sdcCollectionStore().validationIssueTypeCodesMap.get(code.validationIssueCode)?.message;
+          hoverTextSet.add(sdcCollectionStore().validationIssueTypeCodesMap.get(code.validationIssueCode)?.message);
         })
-        return hoverText;
+        return Array.from(hoverTextSet).join("\n");
       }
     },
     getAssignedPen(assignedPen) {