diff --git a/ui/components/filters/data-filters.ts b/ui/components/filters/data-filters.ts
index 489e23bb54..ffbd8c1cf9 100644
--- a/ui/components/filters/data-filters.ts
+++ b/ui/components/filters/data-filters.ts
@@ -6,6 +6,12 @@ export const filterProviders = [
key: "connected",
labelCheckboxGroup: "Connection",
values: ["false", "true"],
+ valueLabelMapping: [
+ {
+ false: { label: "Disconnected" },
+ true: { label: "Connected" },
+ },
+ ],
},
{
key: "provider__in",
diff --git a/ui/components/ui/custom/custom-dropdown-filter.tsx b/ui/components/ui/custom/custom-dropdown-filter.tsx
index 30bfea3a29..79dab3e405 100644
--- a/ui/components/ui/custom/custom-dropdown-filter.tsx
+++ b/ui/components/ui/custom/custom-dropdown-filter.tsx
@@ -196,6 +196,8 @@ export const CustomDropdownFilter = ({
(entity as ScanEntity).providerInfo?.uid ||
value
);
+ } else if ("label" in entity) {
+ return entity.label;
} else {
return (
(entity as ProviderEntity).alias ||
@@ -207,6 +209,32 @@ export const CustomDropdownFilter = ({
[filter.valueLabelMapping],
);
+ const renderEntity = (entity: FilterEntity | undefined, value: string) => {
+ if (!entity) return value;
+
+ if (isScanEntity(entity as ScanEntity)) {
+ return