add crutch

2025-10-06 16:19:11 +03:00 · 2025-10-06 16:19:11 +03:00 · 50a1617388
commit 50a1617388
parent dac5356d1d
6 changed files with 51 additions and 39 deletions
--- a/lib/components/ViewPublicationPage/ContactForm/ContactTextBlock/index.tsx
+++ b/lib/components/ViewPublicationPage/ContactForm/ContactTextBlock/index.tsx
@ -8,6 +8,9 @@ type ContactTextBlockProps = {
  settings: QuizSettingsConfig;
 };

+const pathOnly = window.location.pathname;
+const isCrutchNoDraw = pathOnly === "/28525cd7-9ddf-4c4a-a55b-e3d2f7d47583";
+
 export const ContactTextBlock: FC<ContactTextBlockProps> = ({ settings }) => {
  const theme = useTheme();
  const isMobile = useRootContainerSize() < 850;
@ -47,7 +50,9 @@ export const ContactTextBlock: FC<ContactTextBlockProps> = ({ settings }) => {
            wordBreak: "break-word",
          }}
        >
-          {settings.cfg.formContact.title || t("Fill out the form to receive your test results")}
+          {isCrutchNoDraw
+            ? "Заполните форму, чтобы отправить ваши ответы"
+            : settings.cfg.formContact.title || t("Fill out the form to receive your test results")}
        </Typography>
        {settings.cfg.formContact.desc && (
          <Typography
--- a/lib/components/ViewPublicationPage/PointSystemResultList.tsx
+++ b/lib/components/ViewPublicationPage/PointSystemResultList.tsx
@ -49,7 +49,6 @@ export const PointSystemResultList = () => {
        return true;
      }
    });
-
    return (
      <Box
        sx={{
--- a/lib/components/ViewPublicationPage/ResultForm.tsx
+++ b/lib/components/ViewPublicationPage/ResultForm.tsx
@ -23,6 +23,8 @@ import { useQuizStore } from "@/stores/useQuizStore";
 import { useTranslation } from "react-i18next";
 import { NameplateLogoDark } from "@/assets/icons/NameplateLogoDark";

+const pathOnly = window.location.pathname;
+const isCrutchNoDraw = pathOnly === "/28525cd7-9ddf-4c4a-a55b-e3d2f7d47583";
 type ResultFormProps = {
  resultQuestion: QuizQuestionResult;
 };
@ -295,32 +297,34 @@ export const ResultForm = ({ resultQuestion }: ResultFormProps) => {
                >
                  {pointsSum} {t("of")} {totalQuestions}
                </Typography>
-                <TextAccordion
-                  headerText={
-                    <Typography
-                      sx={{
-                        color: theme.palette.primary.main,
-                        "&:hover": {
-                          color: theme.palette.primary.dark,
-                        },
-                      }}
-                    >
-                      {t("View answers")}
-                    </Typography>
-                  }
-                  sx={{
-                    mt: "60px",
-                    width: "100%",
-                  }}
-                >
-                  <Box
+                {!isCrutchNoDraw && (
+                  <TextAccordion
+                    headerText={
+                      <Typography
+                        sx={{
+                          color: theme.palette.primary.main,
+                          "&:hover": {
+                            color: theme.palette.primary.dark,
+                          },
+                        }}
+                      >
+                        {t("View answers")}
+                      </Typography>
+                    }
                    sx={{
-                      mt: "25px",
+                      mt: "60px",
+                      width: "100%",
                    }}
                  >
-                    <PointSystemResultList />
-                  </Box>
-                </TextAccordion>
+                    <Box
+                      sx={{
+                        mt: "25px",
+                      }}
+                    >
+                      <PointSystemResultList />
+                    </Box>
+                  </TextAccordion>
+                )}
              </>
            )}
          </Box>
--- a/lib/components/ViewPublicationPage/StartPageViewPublication/index.tsx
+++ b/lib/components/ViewPublicationPage/StartPageViewPublication/index.tsx
@ -19,6 +19,9 @@ import QuizVideo from "@/ui_kit/VideoIframe/VideoIframe";

 import { isProduction } from "@/utils/defineDomain";

+const pathOnly = window.location.pathname;
+const isCrutchNoDraw = pathOnly === "/28525cd7-9ddf-4c4a-a55b-e3d2f7d47583";
+
 export const StartPageViewPublication = () => {
  const theme = useTheme();
  const { settings, show_badge, quizId, questions } = useQuizStore();
@ -39,15 +42,6 @@ export const StartPageViewPublication = () => {
    yandexMetrics.phoneNumberOpened();
  };

-  console.log("------------------------------------------------");
-  console.log("Background type:", settings.cfg.startpage.background.type);
-  console.log("Is image type:", settings.cfg.startpage.background.type === "image");
-  console.log("Is video type:", settings.cfg.startpage.background.type === "video");
-  console.log("Video URL:", settings.cfg.startpage.background.video);
-  console.log("Desktop background:", settings.cfg.startpage.background.desktop);
-  console.log("Startpage type:", settings.cfg.startpageType);
-  console.log("------------------------------------------------");
-
  const background =
    settings.cfg.startpage.background.type === "image" ? (
      <img
@ -277,8 +271,9 @@ export const StartPageViewPublication = () => {
                  margin: "12px 0 30px",
                  overflowWrap: "break-word",
                  width: "100%",
-                  textAlign:
-                    settings.cfg.startpageType === "centered" || settings.cfg.startpage.position === "center"
+                  textAlign: isCrutchNoDraw
+                    ? "justify"
+                    : settings.cfg.startpageType === "centered" || settings.cfg.startpage.position === "center"
                      ? "center"
                      : "-moz-initial",
                  color: settings.cfg.startpageType === "expanded" ? "white" : theme.palette.text.primary,
--- a/lib/components/ViewPublicationPage/questions/Variant/index.tsx
+++ b/lib/components/ViewPublicationPage/questions/Variant/index.tsx
@ -16,6 +16,8 @@ type VariantProps = {
 const pathOnly = window.location.pathname;

 const isCrutchImg = pathOnly === "/28525cd7-9ddf-4c4a-a55b-e3d2f7d47583";
+
+const isCrutchNoDraw = pathOnly === "/28525cd7-9ddf-4c4a-a55b-e3d2f7d47583";
 // 23.02.2025
 const crutchlist = {
  115048: { x: 629, y: 491 },
@ -49,6 +51,7 @@ export const Variant = ({ currentQuestion }: VariantProps) => {
  const theme = useTheme();
  const isMobile = useRootContainerSize() < 650;
  const isTablet = useRootContainerSize() < 850;
+  const isDesctop = useRootContainerSize() > 900;
  const answers = useQuizViewStore((state) => state.answers);
  const ownVariants = useQuizViewStore((state) => state.ownVariants);
  const updateOwnVariant = useQuizViewStore((state) => state.updateOwnVariant);
@ -145,14 +148,19 @@ export const Variant = ({ currentQuestion }: VariantProps) => {
            sx={{
              maxWidth: "400px",
              width: "100%",
-              height: "300px",
+              height: isCrutchNoDraw ? "500px" : "300px",
            }}
            onClick={(event) => event.preventDefault()}
          >
            <img
              key={currentQuestion.id}
              src={choiceImgUrlQuestion}
-              style={{ width: "100%", height: "100%", objectFit: isCrutchImg ? "contain" : "cover" }}
+              style={{
+                maxWidth: "100%",
+                width: isDesctop && isCrutchNoDraw ? "600px" : "100%",
+                height: "100%",
+                objectFit: isCrutchImg ? "contain" : "cover",
+              }}
              alt=""
            />
          </Box>
--- a/lib/utils/defineDomain.ts
+++ b/lib/utils/defineDomain.ts
@ -13,6 +13,7 @@ const isProduction = !(

 //туризм больше не в исключениях
 if (!isProduction) domain = "https://s.hbpn.link";
-// domain = "https://hbpn.link";
+
+domain = "https://hbpn.link";

 export { domain, isProduction };