frontAnswerer/lib/components/ViewPublicationPage/ApologyPage.tsx
2024-04-03 16:00:54 +03:00

30 lines
919 B
TypeScript

import { Box, Typography } from "@mui/material";
import { FallbackProps } from "react-error-boundary";
type Props = Partial<FallbackProps>;
export const ApologyPage = ({ error }: Props) => {
let message = "Что-то пошло не так";
if (error.message === "No questions found") message = "Нет созданных вопросов";
if (error.message === "Quiz already completed") message = "Вы уже прошли этот опрос";
return (
<Box
sx={{
display: "flex",
alignItems: "center",
justifyContent: "center",
height: "100%",
}}
>
<Typography
sx={{
textAlign: "center",
color: "text.primary",
}}
>{message}</Typography>
</Box>
);
};