Система уведомлений

Полная документация, конструктор и примеры использования

Система уведомлений

Полная документация по использованию системы уведомлений в React приложении

1. Подключение в приложении

Шаг 1: Оберните приложение в NotificationProvider

Добавьте NotificationProvider в корневой layout вашего приложения:

// src/app/layout.tsx
import { NotificationProvider } from '@shared/contexts/NotificationContext'

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="ru">
      <body>
        <NotificationProvider>
          {children}
        </NotificationProvider>
      </body>
    </html>
  )
}

Шаг 2: Импортируйте хук в компонентах

Используйте хук useNotification в любом компоненте:

// В любом компоненте
import { useNotification } from '@shared/contexts/NotificationContext'

function MyComponent() {
  const { showNotification } = useNotification()
  
  // Ваш код...
}

💡 Важно

• NotificationProvider должен быть выше всех компонентов, использующих уведомления
• Хук useNotification работает только внутри NotificationProvider
• Уведомления автоматически очищаются при размонтировании компонента