38 lines
1.3 KiB
TypeScript
38 lines
1.3 KiB
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.response?.data === "quiz is inactive") message = "Квиз не активирован";
|
||
if (error.message === "No questions found") message = "Нет созданных вопросов";
|
||
if (error.message === "Quiz is empty") message = "Квиз пуст";
|
||
if (error.message === "Quiz already completed") message = "Вы уже прошли этот опрос";
|
||
if (error.message === "No quiz id") message = "Отсутствует id квиза";
|
||
if (error.message === "Quiz data is null") message = "Не были переданы параметры квиза";
|
||
if (error.response?.data === "Invalid request data") message = "Такого квиза не существует";
|
||
|
||
return (
|
||
<Box
|
||
sx={{
|
||
display: "flex",
|
||
alignItems: "center",
|
||
justifyContent: "center",
|
||
height: "100%",
|
||
backgroundColor: "#F2F3F7",
|
||
}}
|
||
>
|
||
<Typography
|
||
sx={{
|
||
textAlign: "center",
|
||
color: "text.primary",
|
||
}}
|
||
>
|
||
{message}
|
||
</Typography>
|
||
</Box>
|
||
);
|
||
};
|