@knowmax/genericlist-fluentuiv9/dist/components/core/ErrorMessage.js

Knowmax Generic list with basic CRUD support with Fluent V9 user interface implementation.

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useState, useEffect } from 'react';
import { MessageBar, MessageBarBody, MessageBarTitle } from '@fluentui/react-message-bar';
import { useGenericListSettings } from '@knowmax/genericlist-core';
/** Displays error message.
 * @param error Error object or string.
 * @param title Optional title.
 */
export const ErrorMessage = ({ error, title }) => {
    const genericlistsettings = useGenericListSettings();
    const [message, setMessage] = useState();
    useEffect(() => {
        if (typeof error === 'string') {
            setMessage(error);
        }
        else if (error) {
            genericlistsettings.onErrorMessage(error).then((m) => setMessage(m));
        }
    }, [error, genericlistsettings]);
    return (_jsx(MessageBar, { intent: 'error', children: _jsxs(MessageBarBody, { children: [title &&
                    _jsx(MessageBarTitle, { children: title }), message] }) }));
};