diff --git a/ui/CHANGELOG.md b/ui/CHANGELOG.md index a58dcf399c..a257bb3b94 100644 --- a/ui/CHANGELOG.md +++ b/ui/CHANGELOG.md @@ -6,6 +6,7 @@ All notable changes to the **Prowler UI** are documented in this file. ### 🚀 Added +- Resource group label filter to Resources page [(#9820)](https://github.com/prowler-cloud/prowler/pull/9820) - Add search bar when adding a provider [(#9634)](https://github.com/prowler-cloud/prowler/pull/9634) - New findings table UI with new design system components, improved filtering UX, and enhanced table interactions [(#9699)](https://github.com/prowler-cloud/prowler/pull/9699) - Add gradient background to Risk Plot for visual risk context [(#9664)](https://github.com/prowler-cloud/prowler/pull/9664) diff --git a/ui/app/(prowler)/resources/page.tsx b/ui/app/(prowler)/resources/page.tsx index d5b8da9b69..7c572f207a 100644 --- a/ui/app/(prowler)/resources/page.tsx +++ b/ui/app/(prowler)/resources/page.tsx @@ -8,10 +8,11 @@ import { getResources, } from "@/actions/resources"; import { FilterControls } from "@/components/filters"; +import { ResourcesFilters } from "@/components/resources/resources-filters"; import { SkeletonTableResources } from "@/components/resources/skeleton/skeleton-table-resources"; import { ColumnResources } from "@/components/resources/table/column-resources"; import { ContentLayout } from "@/components/ui"; -import { DataTable, DataTableFilterCustom } from "@/components/ui/table"; +import { DataTable } from "@/components/ui/table"; import { createDict, extractFiltersAndQuery, @@ -63,30 +64,12 @@ export default async function Resources({
- }> diff --git a/ui/components/resources/resources-filters.tsx b/ui/components/resources/resources-filters.tsx new file mode 100644 index 0000000000..142796bbde --- /dev/null +++ b/ui/components/resources/resources-filters.tsx @@ -0,0 +1,50 @@ +"use client"; + +import { DataTableFilterCustom } from "@/components/ui/table"; +import { getGroupLabel } from "@/lib/categories"; +import { FilterEntity } from "@/types"; + +interface ResourcesFiltersProps { + providerIds: string[]; + providerDetails: { [id: string]: FilterEntity }[]; + uniqueRegions: string[]; + uniqueServices: string[]; + uniqueGroups: string[]; +} + +export const ResourcesFilters = ({ + providerIds, + providerDetails, + uniqueRegions, + uniqueServices, + uniqueGroups, +}: ResourcesFiltersProps) => { + return ( + + ); +};