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",