@n3/browser-messages

Browser messages for n3 interfaces

Usage no npm install needed!

<script type="module">
  import n3BrowserMessages from 'https://cdn.skypack.dev/@n3/browser-messages';
</script>

README

@n3/browser-messages

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

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

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'].