From 7daa2f7e99cf13ec804c309d7b366084c6d1f76f Mon Sep 17 00:00:00 2001
From: Tamara <tamara.zelenko555@yandex.ru>
Date: Thu, 28 Mar 2024 23:31:28 +0300
Subject: [PATCH] =?UTF-8?q?=D0=BA=D0=B2=D0=B8=D0=B7=D1=8B=20=D0=B2=20?=
 =?UTF-8?q?=D0=BF=D0=B0=D0=BD=D0=B5=D0=BB=D0=B8=20=D1=8E=D0=B7=D0=B5=D1=80?=
 =?UTF-8?q?=D0=B0(=D0=B2=D0=BE=D0=B7=D0=BC=D0=BE=D0=B6=D0=BD=D0=BE=20?=
 =?UTF-8?q?=D1=82=D1=80=D0=B5=D0=B1=D1=83=D0=B5=D1=82=20=D0=B4=D0=BE=D1=80?=
 =?UTF-8?q?=D0=B0=D0=B1=D0=BE=D1=82=D0=BE=D0=BA)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/promocode/swr.ts                      |  1 +
 .../PromocodeManagement/StatisticsModal.tsx   |  3 +-
 src/pages/dashboard/ModalUser/QuizTab.tsx     | 48 +++++++++++++++++++
 src/pages/dashboard/ModalUser/index.tsx       |  5 +-
 4 files changed, 55 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/dashboard/ModalUser/QuizTab.tsx

diff --git a/src/api/promocode/swr.ts b/src/api/promocode/swr.ts
index 8b0da14..7a664e5 100644
--- a/src/api/promocode/swr.ts
+++ b/src/api/promocode/swr.ts
@@ -113,6 +113,7 @@ export function usePromocodes(
         ...swrResponse,
         createPromocode,
         deletePromocode,
+        promocodeStatistics,
         promocodesCount: promocodesCountRef.current,
     };
 }
diff --git a/src/pages/dashboard/Content/PromocodeManagement/StatisticsModal.tsx b/src/pages/dashboard/Content/PromocodeManagement/StatisticsModal.tsx
index 100e5e5..666d8b7 100644
--- a/src/pages/dashboard/Content/PromocodeManagement/StatisticsModal.tsx
+++ b/src/pages/dashboard/Content/PromocodeManagement/StatisticsModal.tsx
@@ -19,7 +19,8 @@ import type { PromocodeStatistics } from "@root/model/promocodes";
 type StatisticsModalProps = {
   id: string;
   setId: (id: string) => void;
-  promocodeStatistics: PromocodeStatistics[] | null | undefined;
+  // promocodeStatistics: PromocodeStatistics[] | null | undefined;
+  promocodeStatistics: any;
 };
 
 const COLUMNS: GridColDef<PromocodeStatistics, string>[] = [
diff --git a/src/pages/dashboard/ModalUser/QuizTab.tsx b/src/pages/dashboard/ModalUser/QuizTab.tsx
new file mode 100644
index 0000000..0781d50
--- /dev/null
+++ b/src/pages/dashboard/ModalUser/QuizTab.tsx
@@ -0,0 +1,48 @@
+import {Box, Button, TextField, Typography} from "@mui/material";
+import {ChangeEvent, useState} from "react";
+import {makeRequest} from "@frontend/kitui";
+
+type QuizTabProps = {
+    userId: string;
+};
+
+export default function QuizTab({ userId }: QuizTabProps) {
+    const [quizId, setQuizId] = useState<string>("")
+    console.log(quizId)
+    return(
+        <Box sx={{ padding: "25px" }}>
+            <Typography
+                sx={{
+                    marginBottom: "10px",
+                    fontWeight: "bold",
+                }}
+            >
+                Передача Квиза
+            </Typography>
+            <Box sx={{display: "flex", gap: "15px"}}>
+                <TextField
+                    placeholder={"Ссылка на квиз"}
+                    onChange={(event: ChangeEvent<HTMLTextAreaElement>)=>{
+                        setQuizId(event.target.value.split("link/")[1])
+
+                    }}
+                />
+                <Button
+                    variant="text"
+                    sx={{ background: "#9A9AAF" }}
+                    onClick={async() => {
+                        await makeRequest({
+                            method: "post",
+                            //useToken: true,
+                            url: process.env.REACT_APP_DOMAIN + "/squiz/quiz/move",
+                            body: {Qid: quizId, AccountID: userId}
+                        });
+                    }}
+                >
+                    Ок
+                </Button>
+            </Box>
+
+        </Box>
+    )
+}
\ No newline at end of file
diff --git a/src/pages/dashboard/ModalUser/index.tsx b/src/pages/dashboard/ModalUser/index.tsx
index 63014df..da0686e 100644
--- a/src/pages/dashboard/ModalUser/index.tsx
+++ b/src/pages/dashboard/ModalUser/index.tsx
@@ -21,10 +21,11 @@ import { ReactComponent as PackageIcon } from "@root/assets/icons/package.svg";
 import { ReactComponent as TransactionsIcon } from "@root/assets/icons/transactions.svg";
 import { ReactComponent as CheckIcon } from "@root/assets/icons/check.svg";
 import { ReactComponent as CloseIcon } from "@root/assets/icons/close.svg";
-
+import QuizIcon from '@mui/icons-material/Quiz';
 import forwardIcon from "@root/assets/icons/forward.svg";
 
 import type { SyntheticEvent } from "react";
+import QuizTab from "@pages/dashboard/ModalUser/QuizTab";
 
 const TABS = [
   { name: "Пользователь", icon: UserIcon, activeStyles: { fill: "#7E2AEA" } },
@@ -39,6 +40,7 @@ const TABS = [
     activeStyles: { stroke: "#7E2AEA" },
   },
   { name: "Верификация", icon: CheckIcon, activeStyles: { stroke: "#7E2AEA" } },
+  { name: "Квизы", icon: QuizIcon, activeStyles: { stroke: "#7E2AEA" } },
 ];
 
 type ModalUserProps = {
@@ -194,6 +196,7 @@ const ModalUser = ({ open, onClose, userId }: ModalUserProps) => {
                   {value === 1 && <PurchaseTab userId={userId} />}
                   {value === 2 && <TransactionsTab />}
                   {value === 3 && <VerificationTab userId={userId} />}
+                  {value === 4 && <QuizTab userId={userId} />}
                 </Box>
               </Box>
             </Box>