frontAnswerer/lib/components/ViewPublicationPage/ApologyPage.tsx

33 lines
792 B
TypeScript

import { Box, Typography } from "@mui/material";
import { FallbackProps } from "react-error-boundary";
import { useTranslation } from "react-i18next";
type Props = Partial<FallbackProps>;
export const ApologyPage = ({ error }: Props) => {
let message = error.message || error.response?.data || " ";
const { t } = useTranslation();
return (
<Box
id="test-apology-page"
sx={{
display: "flex",
alignItems: "center",
justifyContent: "center",
height: "100%",
backgroundColor: "#F2F3F7",
}}
>
<Typography
sx={{
textAlign: "center",
color: "text.primary",
}}
>
{/* {t(message.toLowerCase())} */}
</Typography>
</Box>
);
};