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[] = [ 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("") + console.log(quizId) + return( + + + Передача Квиза + + + )=>{ + setQuizId(event.target.value.split("link/")[1]) + + }} + /> + + + + + ) +} \ 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 && } {value === 2 && } {value === 3 && } + {value === 4 && }