@keycloakify/keycloak-account-ui/root/ErrorPage.js

<p align="center"> <img src="https://github.com/user-attachments/assets/e31c4910-7205-441c-9a35-e134b806b3a8"> </p> <p align="center"> <i>Repackaged Keycloak Account UI</i> <br> <br> <a href="https://github.com/keycloakify/keycloak-a

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Button, Modal, ModalVariant, Page, Text, TextContent, TextVariants, } from "@patternfly/react-core";
import { useTranslation } from "react-i18next";
import { isRouteErrorResponse, useRouteError } from "react-router-dom";
export const ErrorPage = (props) => {
    var _a;
    const { t } = useTranslation();
    const error = (_a = useRouteError()) !== null && _a !== void 0 ? _a : props.error;
    const errorMessage = getErrorMessage(error);
    function onRetry() {
        location.href = location.origin + location.pathname;
    }
    return (_jsx(Page, { children: _jsx(Modal, { variant: ModalVariant.small, title: t("somethingWentWrong"), titleIconVariant: "danger", showClose: false, isOpen: true, actions: [
                _jsx(Button, { variant: "primary", onClick: onRetry, children: t("tryAgain") }, "tryAgain"),
            ], children: _jsxs(TextContent, { children: [_jsx(Text, { children: t("somethingWentWrongDescription") }), errorMessage && (_jsx(Text, { component: TextVariants.small, children: errorMessage }))] }) }) }));
};
function getErrorMessage(error) {
    if (typeof error === "string") {
        return error;
    }
    if (isRouteErrorResponse(error)) {
        return error.statusText;
    }
    if (error instanceof Error) {
        return error.message;
    }
    return null;
}
//# sourceMappingURL=ErrorPage.js.map