From 112d13acd02b019c359c4c04cd84bb461eca04fb Mon Sep 17 00:00:00 2001 From: IlyaDoronin Date: Tue, 27 Feb 2024 18:29:26 +0300 Subject: [PATCH] feat: new design --- lib/assets/icons/PenaLogo.png | Bin 0 -> 24602 bytes .../StartPageViewPublication.tsx | 1002 +++++++++-------- 2 files changed, 542 insertions(+), 460 deletions(-) create mode 100644 lib/assets/icons/PenaLogo.png diff --git a/lib/assets/icons/PenaLogo.png b/lib/assets/icons/PenaLogo.png new file mode 100644 index 0000000000000000000000000000000000000000..b1a6b609646cb0638b6906d4de727849d0d75117 GIT binary patch literal 24602 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 E0Zb&*y#N3J literal 0 HcmV?d00001 diff --git a/lib/components/ViewPublicationPage/StartPageViewPublication.tsx b/lib/components/ViewPublicationPage/StartPageViewPublication.tsx index 4c7c72c..fa5c5c8 100644 --- a/lib/components/ViewPublicationPage/StartPageViewPublication.tsx +++ b/lib/components/ViewPublicationPage/StartPageViewPublication.tsx @@ -1,4 +1,12 @@ -import { Box, Button, ButtonBase, Link, Paper, Typography, useTheme } from "@mui/material"; +import { + Box, + Button, + ButtonBase, + Link, + Paper, + Typography, + useTheme, +} from "@mui/material"; import { useUADevice } from "../../utils/hooks/useUADevice"; import { notReachable } from "../../utils/notReachable"; import YoutubeEmbedIframe from "./tools/YoutubeEmbedIframe"; @@ -10,485 +18,559 @@ import { quizThemes } from "@utils/themes/Publication/themePublication"; import { useRootContainerSize } from "../../contexts/RootContainerWidthContext"; import { setCurrentQuizStep } from "@stores/quizView"; +import PenaLogo from "@icons/PenaLogo.png"; export const StartPageViewPublication = () => { - const theme = useTheme(); - const { settings } = useQuizData(); - const { isMobileDevice } = useUADevice(); - const isMobile = useRootContainerSize() < 650; - const isTablet = useRootContainerSize() < 800; + const theme = useTheme(); + const { settings } = useQuizData(); + const { isMobileDevice } = useUADevice(); + const isMobile = useRootContainerSize() < 650; + const isTablet = useRootContainerSize() < 800; - const handleCopyNumber = () => { - navigator.clipboard.writeText(settings.cfg.info.phonenumber); - }; - console.log(settings.cfg.startpage.background.type); + const handleCopyNumber = () => { + navigator.clipboard.writeText(settings.cfg.info.phonenumber); + }; + console.log(settings.cfg.startpage.background.type); - const background = - settings.cfg.startpage.background.type === "image" ? ( - settings.cfg.startpage.background.desktop ? ( - - ) : null - ) : settings.cfg.startpage.background.type === "video" ? ( - settings.cfg.startpage.background.video ? ( - - ) : null - ) : null; + const background = + settings.cfg.startpage.background.type === "image" ? ( + settings.cfg.startpage.background.desktop ? ( + + ) : null + ) : settings.cfg.startpage.background.type === "video" ? ( + settings.cfg.startpage.background.video ? ( + + ) : null + ) : null; - return ( - + + + + - - - {settings.cfg.startpage.logo && ( - - )} - {settings.cfg.info.orgname} - - - - {settings.cfg.info.site} - - - + ? "white" + : theme.palette.text.primary, + wordBreak: "break-word", + }} + > + {settings.cfg.info.orgname} + + + + } + quizMainBlock={ + <> + + + {settings.name} + + + {settings.cfg.startpage.description} + + - - - {settings.name} - - - {settings.cfg.startpage.description} - - - - - + > + + + - - - {settings.cfg.info.clickable ? ( - isMobileDevice ? ( - - - {settings.cfg.info.phonenumber} - - - ) : ( - - - {settings.cfg.info.phonenumber} - - - ) - ) : ( - - {settings.cfg.info.phonenumber} - - )} - - {settings.cfg.info.law} - - + + + {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} + + - - - - Сделано на PenaQuiz - - - - - } - backgroundBlock={background} - startpageType={settings.cfg.startpageType} - alignType={settings.cfg.startpage.position} - /> - - ); + + + + Сделано на PenaQuiz + + + + + } + backgroundBlock={background} + startpageType={settings.cfg.startpageType} + alignType={settings.cfg.startpage.position} + /> + + ); }; - function QuizPreviewLayoutByType({ - quizHeaderBlock, - quizMainBlock, - backgroundBlock, - startpageType, - alignType, + quizHeaderBlock, + quizMainBlock, + backgroundBlock, + startpageType, + alignType, }: { - quizHeaderBlock: JSX.Element; - quizMainBlock: JSX.Element; - backgroundBlock: JSX.Element | null; - startpageType: QuizStartpageType; - alignType: QuizStartpageAlignType; + quizHeaderBlock: JSX.Element; + quizMainBlock: JSX.Element; + backgroundBlock: JSX.Element | null; + startpageType: QuizStartpageType; + alignType: QuizStartpageAlignType; }) { - const isMobile = useRootContainerSize() < 650; + const isMobile = useRootContainerSize() < 650; - function StartPageMobile() { - return ( + function StartPageMobile() { + return ( + + + {quizHeaderBlock} + + {quizMainBlock} + + + + {backgroundBlock} + + + ); + } + + switch (startpageType) { + case null: + case "standard": { + return ( + <> + {isMobile ? ( + + ) : ( - - {quizHeaderBlock} - - {quizMainBlock} - - - - {backgroundBlock} - + + {quizHeaderBlock} + {quizMainBlock} + + + + {backgroundBlock} + - ); + )} + + ); } - - switch (startpageType) { - case null: - case "standard": { - return ( - <> - {isMobile ? ( - - ) : ( - - - {quizHeaderBlock} - {quizMainBlock} - - - - {backgroundBlock} - - - )} - - - - ); - } - case "expanded": { - return ( - <> - {isMobile ? ( - - ) : ( - - - {quizHeaderBlock} - {quizMainBlock} - - - {backgroundBlock} - - - ) - } - - - ); - } - case "centered": { - return ( - <> - {isMobile ? ( - - ) : ( - - {quizHeaderBlock} - {backgroundBlock && ( - - {backgroundBlock} - - )} - {quizMainBlock} - - ) - } - - - ); - } - default: - notReachable(startpageType); + case "expanded": { + return ( + <> + {isMobile ? ( + + ) : ( + + + {quizHeaderBlock} + {quizMainBlock} + + + {backgroundBlock} + + + )} + + ); } + case "centered": { + return ( + <> + {isMobile ? ( + + ) : ( + + {quizHeaderBlock} + {backgroundBlock && ( + + {backgroundBlock} + + )} + {quizMainBlock} + + )} + + ); + } + default: + notReachable(startpageType); + } } - -const startpageAlignTypeToJustifyContent: Record = { - left: "start", - center: "center", - right: "end", +const startpageAlignTypeToJustifyContent: Record< + QuizStartpageAlignType, + "start" | "center" | "end" +> = { + left: "start", + center: "center", + right: "end", };