@n3/browser-messages

Всплывающие уведомления для приложений на базе @n3/kit.

❗Если используется отдельно от @n3/kit, необходимо подключить тему @n3/css-base❗

import { theme } from '@n3/css-base/themes/theme-2';
import { setTheme } from '@n3/css-base';

setTheme(theme);

Успешное уведомление

import { successLog } from '@n3/browser-messages';

successLog({
  title: 'Успешно',
  content: 'Действие прошло успешно',
});

Уведомление об ошибке

import { errorLog } from '@n3/browser-messages';

errorLog({
  title: 'Ошибка',
  content: 'Действие прошло с ошибкой',
});

Параметры

| Название | Описание | Значение по умолчанию | |----------|----------|-----------------------| | title | Заголовок | | | content | Содержание | | | isAutoClose | Закрытие по таймауту | false | | timeout | Время показа до закрытия | 4500 | | zIndex | z-index fixed-элемента | 20 |

Интергация с axios

Выводит ошибку из поля detail или non_field_errors.

import axios from 'axios';
import { axiosErrorLog } from '@n3/browser-messages';

try {
  await axios.post(...);
} catch (e) {
  axiosErrorLog(e);
}

Аргументы:

1. axiosError - обязательный, ошибка axios;
2. message - необязательный, дополнительные параметры вывода сообщения;
3. order - необязательный, порядок, по которому в ответе производится поиск ошибки, по умолчанию ['detail', 'non_field_errors'].