import {
Box,
Button,
ButtonBase,
Link,
Paper,
Typography,
useTheme,
} from "@mui/material";
import {QuizPreviewLayoutByType} from "./QuizPreviewLayoutByType";
import YoutubeEmbedIframe from "../tools/YoutubeEmbedIframe";
import {useQuizData} from "@contexts/QuizDataContext";
import {useRootContainerSize} from "@contexts/RootContainerWidthContext";
import {useUADevice} from "@utils/hooks/useUADevice";
import {quizThemes} from "@utils/themes/Publication/themePublication";
import {NameplateLogo} from "@icons/NameplateLogo";
import {useQuizViewStore} from "@/stores/quizView";
import {DESIGN_LIST} from "@/utils/designList";
export const StartPageViewPublication = () => {
const theme = useTheme();
const { settings, show_badge, quizId, questions } = useQuizData();
const { isMobileDevice } = useUADevice();
const setCurrentQuizStep = useQuizViewStore(state => state.setCurrentQuizStep);
const isMobile = useRootContainerSize() < 700;
const isTablet = useRootContainerSize() < 800;
const handleCopyNumber = () => {
navigator.clipboard.writeText(settings.cfg.info.phonenumber);
};
const background =
settings.cfg.startpage.background.type === "image" ? (
) : settings.cfg.startpage.background.type === "video" ? (
settings.cfg.startpage.background.video ? (
) : null
) : null;
const quizHeaderBlock = (
{settings.cfg.startpage.logo &&
}
{settings.cfg.info.orgname}
)
const realQuestionsCount = questions.filter((question) => question.type !== null && question.type !== "result").length;
return (
{settings.name}
{settings.cfg.startpage.description}
{settings.cfg.startpageType === "expanded" && settings.cfg.startpage.position === "center" && !isMobile && quizHeaderBlock}
{settings.cfg.info.site && (
{settings.cfg.info.site}
)}
{settings.cfg.info.clickable ? (
isMobileDevice ? (
{settings.cfg.info.phonenumber}
) : (
{settings.cfg.info.phonenumber}
)
) : (
{settings.cfg.info.phonenumber}
)}
{settings.cfg.info.law}
{show_badge && (
Сделано на PenaQuiz
)}
}
backgroundBlock={background}
startpageType={settings.cfg.startpageType}
alignType={settings.cfg.startpage.position}
/>
);
};