ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

refactor: use custom toast from @ciphera-net/ui

Browse Source
This commit is contained in:
Usman Baig
2026-01-27 21:52:11 +01:00
parent d9c3294eeb
commit 1114b0d27a
9 changed files with 10 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/layout.tsx
View File

@@ -1,6 +1,5 @@
import { ThemeProviders } from '@ciphera-net/ui'
import { ThemeProviders, Toaster } from '@ciphera-net/ui'
import { AuthProvider } from '@/lib/auth/context'
import { Toaster } from 'sonner'
import type { Metadata, Viewport } from 'next'
import { Plus_Jakarta_Sans } from 'next/font/google'
import LayoutContent from './layout-content'
@@ -49,24 +48,7 @@ export default function RootLayout({
<ThemeProviders>
<AuthProvider>
<LayoutContent>{children}</LayoutContent>
<Toaster
position="top-center"
closeButton
theme="system"
className="toaster group"
toastOptions={{
classNames: {
toast: 'group toast group-[.toaster]:bg-white group-[.toaster]:dark:bg-neutral-900 group-[.toaster]:text-neutral-950 group-[.toaster]:dark:text-neutral-50 group-[.toaster]:border-neutral-200 group-[.toaster]:dark:border-neutral-800 group-[.toaster]:shadow-lg group-[.toaster]:rounded-xl font-medium',
description: 'group-[.toast]:text-neutral-500 group-[.toast]:dark:text-neutral-400',
actionButton: 'group-[.toast]:bg-neutral-900 group-[.toast]:dark:bg-neutral-50 group-[.toast]:text-neutral-50 group-[.toast]:dark:text-neutral-900',
cancelButton: 'group-[.toast]:bg-neutral-100 group-[.toast]:dark:bg-neutral-800 group-[.toast]:text-neutral-500 group-[.toast]:dark:text-neutral-400',
success: 'group-[.toast]:!text-green-600 group-[.toast]:dark:!text-green-400',
error: 'group-[.toast]:!text-red-600 group-[.toast]:dark:!text-red-400',
warning: 'group-[.toast]:!text-amber-600 group-[.toast]:dark:!text-amber-400',
info: 'group-[.toast]:!text-brand-orange group-[.toast]:dark:!text-brand-orange',
},
}}
/>
<Toaster />
</AuthProvider>
</ThemeProviders>
</body>