Rafi Arrafif
3e6eae5151
Implement the toast element belonging to heroUI into the project and perform testing by adding the toast registry into the provider, then running it as an error handler during authentication.
33 lines
854 B
TypeScript
33 lines
854 B
TypeScript
"use client";
|
|
|
|
import React, { useEffect, useState } from "react";
|
|
import { HeroUIProvider, ToastProvider } from "@heroui/react";
|
|
import { ThemeProvider as NextThemesProvider } from "next-themes";
|
|
import { useRouter } from "next/navigation";
|
|
|
|
const HeroUIWrapper = ({
|
|
children,
|
|
}: Readonly<{ children: React.ReactNode }>) => {
|
|
const [mounted, setMounted] = useState(false);
|
|
useEffect(() => {
|
|
setMounted(true);
|
|
}, []);
|
|
|
|
const router = useRouter();
|
|
|
|
return (
|
|
<HeroUIProvider navigate={router.push}>
|
|
<ToastProvider />
|
|
{mounted ? (
|
|
<NextThemesProvider attribute={"class"} defaultTheme="dark">
|
|
<main>{children}</main>
|
|
</NextThemesProvider>
|
|
) : (
|
|
<main className="dark text-foreground bg-background">{children}</main>
|
|
)}
|
|
</HeroUIProvider>
|
|
);
|
|
};
|
|
|
|
export default HeroUIWrapper;
|