From bc3c1baf95f59dc77a04060b1d21c1e0efbb7dc7 Mon Sep 17 00:00:00 2001
From: Peterson Rodrigues dos Santos <petersonpepi16@gmail.com>
Date: Tue, 2 Dec 2025 19:02:01 -0300
Subject: [PATCH] 
 peterson-implement-no-anniversary-found-message-on-anniversary-table

---
 .../AnniversaryCelebrated.jsx                 | 20 +++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/components/TotalOrgSummary/AnniversaryCelebrated/AnniversaryCelebrated.jsx b/src/components/TotalOrgSummary/AnniversaryCelebrated/AnniversaryCelebrated.jsx
index 325c092324..dd68f3b61b 100644
--- a/src/components/TotalOrgSummary/AnniversaryCelebrated/AnniversaryCelebrated.jsx
+++ b/src/components/TotalOrgSummary/AnniversaryCelebrated/AnniversaryCelebrated.jsx
@@ -110,6 +110,14 @@ export default function AnniversaryCelebrated({ isLoading, data, darkMode }) {
   const filterUsers = users =>
     users.filter(u => `${u.firstName} ${u.lastName}`.toLowerCase().includes(search.toLowerCase()));
 
+  const usersFilteredSixMonthsData = filterUsers(sixMonthsData.users).map(item =>
+    getAnniversaryListItem(item, 6),
+  );
+
+  const usersFilteredOneYearData = filterUsers(oneYearData.users).map(item =>
+    getAnniversaryListItem(item, 12),
+  );
+
   return (
     <div className="mt-3">
       {/* Comparison percentages with counts */}
@@ -169,8 +177,16 @@ export default function AnniversaryCelebrated({ isLoading, data, darkMode }) {
 
       {/* List of anniversaries */}
       <ul className="w-90 overflow-auto" style={{ maxHeight: '410px' }}>
-        {filterUsers(sixMonthsData.users).map(item => getAnniversaryListItem(item, 6))}
-        {filterUsers(oneYearData.users).map(item => getAnniversaryListItem(item, 12))}
+        {usersFilteredSixMonthsData.length === 0 && usersFilteredOneYearData.length === 0 ? (
+          <p className="text-center" style={{ color: darkMode ? '#fff' : '#000' }}>
+            No anniversaries found
+          </p>
+        ) : (
+          <>
+            {usersFilteredSixMonthsData}
+            {usersFilteredOneYearData}
+          </>
+        )}
       </ul>
     </div>
   );