diff --git a/app/(prowler)/providers/(set-up-provider)/connect-account/page.tsx b/app/(prowler)/providers/(set-up-provider)/connect-account/page.tsx
index 4c90992e4b..1b4f1bf0f0 100644
--- a/app/(prowler)/providers/(set-up-provider)/connect-account/page.tsx
+++ b/app/(prowler)/providers/(set-up-provider)/connect-account/page.tsx
@@ -3,16 +3,10 @@
import React from "react";
import { ConnectAccountForm } from "@/components/providers/workflow/forms";
-import { NavigationHeader } from "@/components/ui";
export default function ConnectAccountPage() {
return (
<>
-
>
);
diff --git a/app/(prowler)/providers/(set-up-provider)/layout.tsx b/app/(prowler)/providers/(set-up-provider)/layout.tsx
index ffdc28d67d..59aa669510 100644
--- a/app/(prowler)/providers/(set-up-provider)/layout.tsx
+++ b/app/(prowler)/providers/(set-up-provider)/layout.tsx
@@ -1,8 +1,10 @@
import "@/styles/globals.css";
+import { Spacer } from "@nextui-org/react";
import React from "react";
import { Workflow } from "@/components/providers/workflow";
+import { NavigationHeader } from "@/components/ui";
interface ProviderLayoutProps {
children: React.ReactNode;
@@ -11,6 +13,12 @@ interface ProviderLayoutProps {
export default function ProviderLayout({ children }: ProviderLayoutProps) {
return (
<>
+
+
diff --git a/components/providers/radio-group-provider.tsx b/components/providers/radio-group-provider.tsx
index 82ee2edbae..6ca3de5263 100644
--- a/components/providers/radio-group-provider.tsx
+++ b/components/providers/radio-group-provider.tsx
@@ -75,7 +75,6 @@ export const RadioGroupProvider: React.FC
= ({
<>
diff --git a/components/providers/workflow/forms/connect-account-form.tsx b/components/providers/workflow/forms/connect-account-form.tsx
index 9de6342c1b..71d90ffaaa 100644
--- a/components/providers/workflow/forms/connect-account-form.tsx
+++ b/components/providers/workflow/forms/connect-account-form.tsx
@@ -49,6 +49,7 @@ export const ConnectAccountForm = () => {
});
break;
case "/data/attributes/uid":
+ case "/data/attributes/__all__":
form.setError("providerId", {
type: "server",
message: errorMessage,
@@ -85,9 +86,9 @@ export const ConnectAccountForm = () => {
control={form.control}
name="providerId"
type="text"
- label="Provider ID"
+ label="Provider UID"
labelPlacement="inside"
- placeholder={"Enter the provider ID"}
+ placeholder={"Enter the provider UID"}
variant="bordered"
isRequired
isInvalid={!!form.formState.errors.providerId}
diff --git a/components/providers/workflow/workflow.tsx b/components/providers/workflow/workflow.tsx
index 2abc3864dc..20555b3574 100644
--- a/components/providers/workflow/workflow.tsx
+++ b/components/providers/workflow/workflow.tsx
@@ -9,7 +9,8 @@ import { VerticalSteps } from "./vertical-steps";
const steps = [
{
title: "Add your cloud account",
- description: "Please add your cloud account to get started.",
+ description:
+ "Select the cloud provider of the account you want to connect.",
href: "/providers/connect-account",
},
{
@@ -41,7 +42,7 @@ export const Workflow = () => {
return (
- Getting started
+ Add a cloud account
Follow the steps to configure your cloud account. This allows you to
diff --git a/tailwind.config.js b/tailwind.config.js
index 8efddab52b..ce91ea47b0 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -23,7 +23,7 @@ module.exports = {
theme: {
midnight: "#030921",
pale: "#f3fcff",
- green: "#6af400",
+ green: "#8ce112",
purple: "#5001d0",
coral: "#ff5356",
orange: "#f69000",