feat: upgrade to React 19, Next.js 15, React Compiler, HeroUI and Tailwind 4 (#8748)

Co-authored-by: Alan Buscaglia <alanbuscaglia@MacBook-Pro.local>
Co-authored-by: alejandrobailo <alejandrobailo94@gmail.com>
Co-authored-by: César Arroba <cesar@prowler.com>
Co-authored-by: Alejandro Bailo <59607668+alejandrobailo@users.noreply.github.com>
This commit is contained in:
Alan Buscaglia
2025-09-30 09:59:51 +02:00
committed by GitHub
co-authored by Alan Buscaglia alejandrobailo César Arroba Alejandro Bailo
parent 2a4b62527a
commit 4d5676f00e
261 changed files with 6339 additions and 6126 deletions
@@ -1,6 +1,6 @@
"use client";
import { Card, CardBody, CardHeader } from "@nextui-org/react";
import { Card, CardBody, CardHeader } from "@heroui/card";
import { SettingsIcon } from "lucide-react";
import { AWSSecurityHubIcon } from "@/components/icons/services/IconServices";
@@ -19,7 +19,7 @@ export const SecurityHubIntegrationCard = () => {
AWS Security Hub
</h4>
<div className="flex flex-col items-start gap-2 sm:flex-row sm:items-center">
<p className="text-nowrap text-xs text-gray-500 dark:text-gray-300">
<p className="text-xs text-nowrap text-gray-500 dark:text-gray-300">
Send security findings to AWS Security Hub.
</p>
<CustomLink
@@ -1,7 +1,9 @@
"use client";
import { Checkbox } from "@heroui/checkbox";
import { Divider } from "@heroui/divider";
import { Radio, RadioGroup } from "@heroui/radio";
import { zodResolver } from "@hookform/resolvers/zod";
import { Checkbox, Divider, Radio, RadioGroup } from "@nextui-org/react";
import { ArrowLeftIcon, ArrowRightIcon } from "lucide-react";
import { useSession } from "next-auth/react";
import { useEffect, useMemo, useState } from "react";
@@ -250,7 +252,7 @@ export const SecurityHubIntegrationForm = ({
if (isEditingCredentials) {
// When editing credentials, show the credential type selector first
return (
<div className="space-y-4">
<div className="flex flex-col gap-4">
<RadioGroup
size="sm"
aria-label="Credential type"
@@ -319,7 +321,7 @@ export const SecurityHubIntegrationForm = ({
<>
{!isEditingConfig && (
<>
<div className="space-y-4">
<div className="flex flex-col gap-4">
<EnhancedProviderSelector
control={form.control}
name="provider_id"
@@ -473,11 +475,11 @@ export const SecurityHubIntegrationForm = ({
? handleNext
: form.handleSubmit(onSubmit)
}
className="flex flex-col space-y-6"
className="flex flex-col gap-6"
>
<div className="flex flex-col space-y-4">
<div className="flex flex-col gap-4">
<div className="flex flex-col items-start gap-2 sm:flex-row sm:items-center">
<p className="flex items-center gap-2 text-sm text-default-500">
<p className="text-default-500 flex items-center gap-2 text-sm">
Need help configuring your AWS Security Hub integration?
</p>
<CustomLink
@@ -1,6 +1,7 @@
"use client";
import { Card, CardBody, CardHeader, Chip } from "@nextui-org/react";
import { Card, CardBody, CardHeader } from "@heroui/card";
import { Chip } from "@heroui/chip";
import { format } from "date-fns";
import { PlusIcon, Trash2Icon } from "lucide-react";
import { useState } from "react";
@@ -263,7 +264,7 @@ export const SecurityHubIntegrationsManager = ({
title="Delete Security Hub Integration"
description="This action cannot be undone. This will permanently delete your Security Hub integration."
>
<div className="flex w-full justify-center space-x-6">
<div className="flex w-full justify-center gap-6">
<CustomButton
type="button"
ariaLabel="Cancel"
@@ -321,7 +322,7 @@ export const SecurityHubIntegrationsManager = ({
/>
</CustomAlertModal>
<div className="space-y-6">
<div className="flex flex-col gap-6">
<div className="flex items-center justify-between">
<div>
<h3 className="text-lg font-semibold">