@n3/browser-messages

@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);
}

Аргументы:

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