diff --git a/ui/CHANGELOG.md b/ui/CHANGELOG.md index 9badc5216a..407e76abd1 100644 --- a/ui/CHANGELOG.md +++ b/ui/CHANGELOG.md @@ -11,6 +11,7 @@ All notable changes to the **Prowler UI** are documented in this file. - New menu item under Configuration section for quick access to the Mutelist [(#8444)](https://github.com/prowler-cloud/prowler/pull/8444) - Resource agent to Lighthouse for querying resource information [(#8509)](https://github.com/prowler-cloud/prowler/pull/8509) - Lighthouse support for OpenAI GPT-5 [(#8527)](https://github.com/prowler-cloud/prowler/pull/8527) +- Link to the configured S3 bucket and folder in each integration [(#8554)](https://github.com/prowler-cloud/prowler/pull/8554) ### 🔄 Changed diff --git a/ui/components/integrations/s3/s3-integrations-manager.tsx b/ui/components/integrations/s3/s3-integrations-manager.tsx index 1b3061dbc3..a50276b951 100644 --- a/ui/components/integrations/s3/s3-integrations-manager.tsx +++ b/ui/components/integrations/s3/s3-integrations-manager.tsx @@ -322,8 +322,10 @@ export const S3IntegrationsManager = ({ connectionStatus={{ connected: integration.attributes.connected, }} + navigationUrl={`https://console.aws.amazon.com/s3/buckets/${integration.attributes.configuration.bucket_name}`} /> +
diff --git a/ui/components/integrations/shared/integration-card-header.tsx b/ui/components/integrations/shared/integration-card-header.tsx index a56473f410..0e7d46bd81 100644 --- a/ui/components/integrations/shared/integration-card-header.tsx +++ b/ui/components/integrations/shared/integration-card-header.tsx @@ -1,6 +1,7 @@ "use client"; import { Chip } from "@nextui-org/react"; +import { ExternalLink } from "lucide-react"; import { ReactNode } from "react"; interface IntegrationCardHeaderProps { @@ -22,6 +23,7 @@ interface IntegrationCardHeaderProps { connected: boolean; label?: string; }; + navigationUrl?: string; } export const IntegrationCardHeader = ({ @@ -30,13 +32,27 @@ export const IntegrationCardHeader = ({ subtitle, chips = [], connectionStatus, + navigationUrl, }: IntegrationCardHeaderProps) => { return (
{icon}
-

{title}

+
+

{title}

+ {navigationUrl && ( + + + + )} +
{subtitle && (

{subtitle}