Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore: CE-749 Display message to user to remove filters when no complaints are found #716

Merged
merged 2 commits into from
Oct 25, 2024
Merged

chore: CE-749 Display message to user to remove filters when no complaints are found #716

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
c4d44fe
chore: add message to list when no commits found
joshgamache Oct 18, 2024
9e5e400
chore: change wording on map to match list
joshgamache Oct 18, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 10 additions & 0 deletions frontend/src/app/components/containers/complaints/complaint-list.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand All @@ -210,6 +219,7 @@ export const ComplaintList: FC<Props> = ({ type, searchQuery }) => {
>
{renderComplaintListHeader(type)}
<tbody>
{totalComplaints === 0 && renderNoComplaintsFound()}
{complaints.map((item) => {
const { id } = item;

Expand Down
2 changes: 1 addition & 1 deletion frontend/src/app/components/mapping/leaflet-map-with-multiple-points.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -84,7 +84,7 @@ const LeafletMapWithMultiplePoints: React.FC<MapProps> = ({ complaintType, marke
const info =
unmappedComplaints >= 1
? `${unmappedComplaints} complaint${isPluralized} could not be mapped`
: "No complaints found.";
: "No complaints found using your current filters. Remove or change your filters to see complaints.";

return (
<Alert
Expand Down
Loading