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:
authored and GitHub committed 2025-09-30 09:59:51 +02:00
1 parent 2a4b62527a
commit 4d5676f00e
261 files changed
+6339 -6126

No files matched your search

@@ -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 { AmazonS3Icon } from "@/components/icons/services/IconServices";
@@ -19,7 +19,7 @@ export const S3IntegrationCard = () => {
Amazon S3
</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">
Export security findings to Amazon S3 buckets.
</p>
<CustomLink
@@ -1,7 +1,7 @@
"use client";
import { Divider } from "@heroui/divider";
import { zodResolver } from "@hookform/resolvers/zod";
import { Divider } from "@nextui-org/react";
import { ArrowLeftIcon, ArrowRightIcon } from "lucide-react";
import { useSession } from "next-auth/react";
import { useState } from "react";
@@ -275,7 +275,7 @@ export const S3IntegrationForm = ({
return (
<>
{/* Provider Selection */}
<div className="space-y-4">
<div className="flex flex-col gap-4">
<EnhancedProviderSelector
control={form.control}
name="providers"
@@ -291,7 +291,7 @@ export const S3IntegrationForm = ({
<Divider />
{/* S3 Configuration */}
<div className="space-y-4">
<div className="flex flex-col gap-4">
<CustomInput
control={form.control}
name="bucket_name"
@@ -386,11 +386,11 @@ export const S3IntegrationForm = ({
? 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 Amazon S3 integration?
</p>
<CustomLink
@@ -1,6 +1,6 @@
"use client";
import { Card, CardBody, CardHeader } from "@nextui-org/react";
import { Card, CardBody, CardHeader } from "@heroui/card";
import { format } from "date-fns";
import { PlusIcon, Trash2Icon } from "lucide-react";
import { useState } from "react";
@@ -214,7 +214,7 @@ export const S3IntegrationsManager = ({
title="Delete S3 Integration"
description="This action cannot be undone. This will permanently delete your S3 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"
@@ -271,7 +271,7 @@ export const S3IntegrationsManager = ({
/>
</CustomAlertModal>
<div className="space-y-6">
<div className="flex flex-col gap-6">
{/* Header with Add Button */}
<div className="flex items-center justify-between">
<div>