From 4cdd23d71fa587fbc8a5b8f42e87412db918595f Mon Sep 17 00:00:00 2001
From: Nastya <nastyab015@yandex.ru>
Date: Thu, 21 Dec 2023 11:58:47 +0300
Subject: [PATCH] =?UTF-8?q?=D1=82=D0=B5=D0=BC=D1=8B=20=D0=BF=D1=83=D0=B1?=
 =?UTF-8?q?=D0=BB=D0=B8=D0=BA=D0=B0=D1=86=D0=B8=D0=B9=20=D1=81=D0=BE=D1=85?=
 =?UTF-8?q?=D1=80=D0=B0=D0=BD=D1=8F=D1=8E=D1=82=D1=81=D1=8F=20=D0=BD=D0=B0?=
 =?UTF-8?q?=20=D0=B1=D0=B5=D0=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/model/quizSettings.ts               |  2 ++
 src/pages/ViewPublicationPage/index.tsx | 12 ++++++++----
 src/pages/startPage/EditPage.tsx        |  1 +
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/model/quizSettings.ts b/src/model/quizSettings.ts
index db37e5c4..7bde9206 100644
--- a/src/model/quizSettings.ts
+++ b/src/model/quizSettings.ts
@@ -33,6 +33,7 @@ export interface QuizConfig {
     startpageType: QuizStartpageType;
     results: QuizResultsType;
     haveRoot: string | null;
+    theme: string | "StandardTheme" | "PinkTheme";
     resultInfo: {
         when: 'before' | 'after' | 'email',
         share: true | false,
@@ -92,6 +93,7 @@ export const defaultQuizConfig: QuizConfig = {
     startpageType: null,
     results: null,
     haveRoot: null,
+    theme: "StandardTheme",
     resultInfo: {
         when: 'after',
         share: false,
diff --git a/src/pages/ViewPublicationPage/index.tsx b/src/pages/ViewPublicationPage/index.tsx
index f780e1c4..4a9ba34f 100644
--- a/src/pages/ViewPublicationPage/index.tsx
+++ b/src/pages/ViewPublicationPage/index.tsx
@@ -7,7 +7,7 @@ import { useQuestions } from "@root/questions/hooks";
 import { useCurrentQuiz } from "@root/quizes/hooks";
 import useSWR from "swr";
 import { quizApi } from "@api/quiz";
-import { setQuizes } from "@root/quizes/actions";
+import { setQuizes, updateQuiz } from "@root/quizes/actions";
 import { isAxiosError } from "axios";
 import { devlog } from "@frontend/kitui";
 import { useQuizStore } from "@root/quizes/store";
@@ -63,7 +63,7 @@ export const ViewPage = () => {
   if (visualStartPage === undefined) return <></>;
   if (questions.length === 0 || (questions.length === 1 && questions[0].type === "result")) return <ApologyPage message="Нет созданных вопросов"/>
   return (
-      <ThemeProvider theme={themesPublication?.[themeState]}>
+      <ThemeProvider theme={themesPublication?.[quiz?.config.theme]}>
         <Box>
           {!visualStartPage ? (
               <StartPageViewPublication setVisualStartPage={setVisualStartPage} />
@@ -71,8 +71,12 @@ export const ViewPage = () => {
               <Question questions={filteredQuestions} />
           )}
           <Box>
-            <Button onClick={() => {setThemeState("StandardTheme")}}>Standard</Button>
-            <Button onClick={() => {setThemeState("PinkTheme")}}>Pink</Button>
+            <Button onClick={() => updateQuiz(quiz.id, (quiz) => {
+              quiz.config.theme = "StandardTheme"
+            })}>Standard</Button>
+            <Button onClick={() => updateQuiz(quiz.id, (quiz) => {
+              quiz.config.theme = "PinkTheme"
+            })}>Pink</Button>
           </Box>
         </Box>
       </ThemeProvider>
diff --git a/src/pages/startPage/EditPage.tsx b/src/pages/startPage/EditPage.tsx
index 11f091bb..636ed4ad 100755
--- a/src/pages/startPage/EditPage.tsx
+++ b/src/pages/startPage/EditPage.tsx
@@ -52,6 +52,7 @@ export default function EditPage() {
   const { editQuizId } = useQuizStore();
   const { questions } = useQuestionsStore();
 
+  console.log(quiz)
   useEffect(() => {
     const getData = async () => {
       const quizes = await quizApi.getList();