feat(ui): migrate from HeroUI to shadcn/ui (#11532)

This commit is contained in:
Alejandro Bailo authored and GitHub committed 2026-07-08 16:57:02 +02:00
1 parent c665005790
commit 52875b5c7c
519 files changed
+4798 -6997

No files matched your search

@@ -1,16 +1,15 @@
"use client";
import { Divider } from "@heroui/divider";
import { zodResolver } from "@hookform/resolvers/zod";
import { SaveIcon } from "lucide-react";
import { Controller, useForm } from "react-hook-form";
import * as z from "zod";
import { createProviderGroup } from "@/actions/manage-groups";
import { Button } from "@/components/shadcn";
import { Button, Separator } from "@/components/shadcn";
import { useToast } from "@/components/shadcn";
import { CustomInput } from "@/components/shadcn/custom";
import { Form } from "@/components/shadcn/form";
import { EnhancedMultiSelect } from "@/components/shadcn/select/enhanced-multi-select";
import { useToast } from "@/components/ui";
import { CustomInput } from "@/components/ui/custom";
import { Form } from "@/components/ui/form";
import { ApiError } from "@/types";
const addGroupSchema = z.object({
@@ -157,9 +156,9 @@ export const AddGroupForm = ({
{form.formState.errors.providers.message}
</p>
)}
<Divider orientation="horizontal" className="mb-2" />
<Separator orientation="horizontal" className="mb-2" />
<p className="text-small text-default-500">
<p className="text-text-neutral-tertiary text-sm">
Roles can also be associated with the group. This step is optional and
can be completed later if needed or from the Roles page.
</p>
@@ -9,8 +9,8 @@ import * as z from "zod";
import { deleteProviderGroup } from "@/actions/manage-groups/manage-groups";
import { DeleteIcon } from "@/components/icons";
import { Button } from "@/components/shadcn";
import { useToast } from "@/components/ui";
import { Form } from "@/components/ui/form";
import { useToast } from "@/components/shadcn";
import { Form } from "@/components/shadcn/form";
const formSchema = z.object({
groupId: z.string(),
@@ -1,6 +1,5 @@
"use client";
import { Divider } from "@heroui/divider";
import { zodResolver } from "@hookform/resolvers/zod";
import { SaveIcon } from "lucide-react";
import { useRouter } from "next/navigation";
@@ -8,11 +7,11 @@ import { Controller, useForm } from "react-hook-form";
import * as z from "zod";
import { updateProviderGroup } from "@/actions/manage-groups/manage-groups";
import { Button } from "@/components/shadcn";
import { Button, Separator } from "@/components/shadcn";
import { useToast } from "@/components/shadcn";
import { CustomInput } from "@/components/shadcn/custom";
import { Form } from "@/components/shadcn/form";
import { EnhancedMultiSelect } from "@/components/shadcn/select/enhanced-multi-select";
import { useToast } from "@/components/ui";
import { CustomInput } from "@/components/ui/custom";
import { Form } from "@/components/ui/form";
import { ApiError } from "@/types";
const editGroupSchema = z.object({
@@ -209,8 +208,8 @@ export const EditGroupForm = ({
</p>
)}
<Divider orientation="horizontal" className="mb-2" />
<p className="text-small text-default-500">
<Separator orientation="horizontal" className="mb-2" />
<p className="text-text-neutral-tertiary text-sm">
The roles associated with the group can be edited directly here or
from the Roles page.
</p>