From c4d44fe64e7559238864d34b563adb460221e4b3 Mon Sep 17 00:00:00 2001
From: Josh Gamache <jsgamache@gmail.com>
Date: Fri, 18 Oct 2024 11:24:56 -0600
Subject: [PATCH] chore: add message to list when no commits found

---
 .../containers/complaints/complaint-list.tsx           | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/frontend/src/app/components/containers/complaints/complaint-list.tsx b/frontend/src/app/components/containers/complaints/complaint-list.tsx
index 187770ed6..1334081af 100644
--- a/frontend/src/app/components/containers/complaints/complaint-list.tsx
+++ b/frontend/src/app/components/containers/complaints/complaint-list.tsx
@@ -198,6 +198,15 @@ export const ComplaintList: FC<Props> = ({ type, searchQuery }) => {
     }
   };
 
+  const renderNoComplaintsFound = () => {
+    return (
+      <td colSpan={11}>
+        <i className="bi bi-info-circle-fill"></i>
+        <span>No complaints found using your current filters. Remove or change your filters to see complaints.</span>
+      </td>
+    );
+  };
+
   return (
     <div className="comp-table-container">
       <div
@@ -210,6 +219,7 @@ export const ComplaintList: FC<Props> = ({ type, searchQuery }) => {
         >
           {renderComplaintListHeader(type)}
           <tbody>
+            {totalComplaints === 0 && renderNoComplaintsFound()}
             {complaints.map((item) => {
               const { id } = item;