mantine-entity
Version:
A library combining Mantine, TanStack Query, and Mantine React Table for efficient entity management
17 lines (16 loc) • 938 B
JavaScript
"use client";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Button, Center, Stack, Text } from "@mantine/core";
import { IconAlertCircle } from "@tabler/icons-react";
const ErrorPage = ({ errorMessage, onRetry, onRetryReload, hideRetryButton, }) => {
const handleClick = () => {
if (onRetry) {
onRetry();
}
if (onRetryReload) {
window?.location.reload();
}
};
return (_jsx(Center, { className: "min-h-[60vh] px-4", children: _jsxs(Stack, { align: "center", gap: "lg", children: [_jsx(IconAlertCircle, { size: 70, color: "#e53e3e", strokeWidth: 1.5, className: "text-red-500" }), _jsx(Text, { size: "lg", className: " font-semibold text-center", children: errorMessage }), !hideRetryButton && (_jsx(Button, { size: "sm", color: "red", className: "font-medium", onClick: handleClick, children: "Retry" }))] }) }));
};
export default ErrorPage;