skeleton in edit page

This commit is contained in:
Nastya 2025-04-02 05:26:55 +03:00
parent fff9560f9c
commit f4ea6b15a7

@ -1,4 +1,4 @@
import { Box, useMediaQuery, useTheme } from "@mui/material"; import { Box, Skeleton, useMediaQuery, useTheme } from "@mui/material";
import { updateQuiz, setCurrentStep } from "@root/quizes/actions"; import { updateQuiz, setCurrentStep } from "@root/quizes/actions";
import { useCurrentQuiz } from "@root/quizes/hooks"; import { useCurrentQuiz } from "@root/quizes/hooks";
import { useQuizStore } from "@root/quizes/store"; import { useQuizStore } from "@root/quizes/store";
@ -101,7 +101,7 @@ export default function EditPage({
lastScroll = mainBlock.current.scrollTop; lastScroll = mainBlock.current.scrollTop;
}; };
if (!quizConfig) return <></>; if (!quizConfig) return <Skeleton sx={{width: "100vw", height: "100vh"}}></Skeleton>;
const isConditionMet = [1].includes(currentStep) && quizConfig.type !== "form"; const isConditionMet = [1].includes(currentStep) && quizConfig.type !== "form";