chore: add message to list when no commits found

bcgov · Oct 25, 2024 · c4d44fe · c4d44fe
1 parent 0264469
commit c4d44fe
Showing 1 changed file with 10 additions and 0 deletions.
diff --git 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;