quiz page adjustments, added pagination
This commit is contained in:
Ilgeldi
parent
f6fddab1bf
commit
cff0dd5371
|
|
@ -288,3 +288,45 @@ export const getTossData = async ({
|
|||
console.log(err);
|
||||
}
|
||||
};
|
||||
|
||||
export const getQuizWinnersById = async (id: number) => {
|
||||
try {
|
||||
const res = await fetch(
|
||||
`${baseUrl.QUIZ_SRC}${routes.getQuizQuestionsWinners(id)}`,
|
||||
{
|
||||
next: { revalidate: 3600 },
|
||||
}
|
||||
);
|
||||
|
||||
const result = await res.json();
|
||||
console.log(result);
|
||||
|
||||
return result as IQuizQuestionsWinners;
|
||||
} catch (err) {
|
||||
console.log(err);
|
||||
}
|
||||
};
|
||||
|
||||
export const getNextQuizWinnners = async (
|
||||
id: number,
|
||||
limit: number,
|
||||
offset: number
|
||||
) => {
|
||||
try {
|
||||
const res = await fetch(
|
||||
`${baseUrl.QUIZ_SRC}${routes.getQuizQuestionsWinners(
|
||||
id
|
||||
)}?limit=${limit}&offset=${offset}`,
|
||||
{
|
||||
next: { revalidate: 3600 },
|
||||
}
|
||||
);
|
||||
|
||||
const result = await res.json();
|
||||
console.log(result);
|
||||
|
||||
return result as IQuizQuestionsWinners;
|
||||
} catch (err) {
|
||||
console.log(err);
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -1,42 +1,42 @@
|
|||
import localFont from 'next/font/local';
|
||||
import Script from 'next/script';
|
||||
import localFont from "next/font/local";
|
||||
import Script from "next/script";
|
||||
|
||||
import { Roboto } from 'next/font/google';
|
||||
import { Merriweather } from 'next/font/google';
|
||||
import { Merriweather_Sans } from 'next/font/google';
|
||||
import { Alexandria } from 'next/font/google';
|
||||
import { Roboto } from "next/font/google";
|
||||
import { Merriweather } from "next/font/google";
|
||||
import { Merriweather_Sans } from "next/font/google";
|
||||
import { Alexandria } from "next/font/google";
|
||||
|
||||
import 'swiper/swiper-bundle.css';
|
||||
import './globals.css';
|
||||
import QueryProvider from '@/providers/QueryProvider';
|
||||
import { HtmlContext } from 'next/dist/shared/lib/html-context.shared-runtime';
|
||||
import "swiper/swiper-bundle.css";
|
||||
import "./globals.css";
|
||||
import QueryProvider from "@/providers/QueryProvider";
|
||||
import { HtmlContext } from "next/dist/shared/lib/html-context.shared-runtime";
|
||||
// FONTS
|
||||
const aeroport = localFont({
|
||||
src: '../fonts/Aeroport.otf',
|
||||
variable: '--font-aeroport',
|
||||
src: "../fonts/Aeroport.otf",
|
||||
variable: "--font-aeroport",
|
||||
});
|
||||
const roboto = Roboto({
|
||||
subsets: ['latin'],
|
||||
weight: ['300', '400', '700'],
|
||||
variable: '--font-roboto',
|
||||
subsets: ["latin"],
|
||||
weight: ["300", "400", "700"],
|
||||
variable: "--font-roboto",
|
||||
});
|
||||
const mw = Merriweather({
|
||||
subsets: ['cyrillic', 'cyrillic-ext', 'latin', 'latin-ext'],
|
||||
weight: '700',
|
||||
variable: '--font-mw',
|
||||
subsets: ["cyrillic", "cyrillic-ext", "latin", "latin-ext"],
|
||||
weight: "700",
|
||||
variable: "--font-mw",
|
||||
});
|
||||
const mw_sans = Merriweather_Sans({
|
||||
subsets: ['cyrillic-ext', 'latin', 'latin-ext'],
|
||||
weight: ['300', '400', '700'],
|
||||
variable: '--font-mwsans',
|
||||
subsets: ["cyrillic-ext", "latin", "latin-ext"],
|
||||
weight: ["300", "400", "700"],
|
||||
variable: "--font-mwsans",
|
||||
});
|
||||
const alexandria = Alexandria({
|
||||
subsets: ['latin', 'latin-ext'],
|
||||
variable: '--font-alexandria',
|
||||
subsets: ["latin", "latin-ext"],
|
||||
variable: "--font-alexandria",
|
||||
});
|
||||
|
||||
export const metadata = {
|
||||
title: 'Turkmen TV',
|
||||
title: "Turkmen TV",
|
||||
};
|
||||
|
||||
interface IProps {
|
||||
|
|
@ -47,12 +47,14 @@ export default function RootLayout({ children }: IProps) {
|
|||
return (
|
||||
<html
|
||||
lang="tm"
|
||||
className={`${aeroport.variable} ${mw.variable} ${roboto.variable} ${mw_sans.variable} ${alexandria.variable}`}>
|
||||
className={`${aeroport.variable} ${mw.variable} ${roboto.variable} ${mw_sans.variable} ${alexandria.variable}`}
|
||||
>
|
||||
<head>
|
||||
<link rel="icon" href="/logo.png" sizes="any" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;"></meta>
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;"
|
||||
></meta>
|
||||
</head>
|
||||
<body className="relative overflow-x-hidden">
|
||||
<QueryProvider>{children}</QueryProvider>
|
||||
|
|
@ -61,7 +63,8 @@ export default function RootLayout({ children }: IProps) {
|
|||
<Script
|
||||
id="ganalytics-import"
|
||||
async
|
||||
src="https://www.googletagmanager.com/gtag/js?id=G-F2267QXY9T"></Script>
|
||||
src="https://www.googletagmanager.com/gtag/js?id=G-F2267QXY9T"
|
||||
></Script>
|
||||
<Script id="ganalytics-body">
|
||||
{`
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
|
|
|
|||
|
|
@ -36,6 +36,7 @@ const QuizSearch = ({ quizId }: { quizId: number }) => {
|
|||
event: React.FormEvent<HTMLFormElement>
|
||||
) => {
|
||||
event.preventDefault();
|
||||
setActive(true);
|
||||
|
||||
try {
|
||||
const response = await fetch(
|
||||
|
|
@ -50,11 +51,9 @@ const QuizSearch = ({ quizId }: { quizId: number }) => {
|
|||
);
|
||||
|
||||
// Handle the response as needed
|
||||
|
||||
const data = await response.json();
|
||||
setQuizSearchData(data);
|
||||
setSearchActive(true);
|
||||
setActive(true);
|
||||
} catch (error) {}
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -1,40 +1,18 @@
|
|||
"use client";
|
||||
import { Queries } from "@/api/queries";
|
||||
import {
|
||||
getNextQuizWinnners,
|
||||
getQuizWinnersById,
|
||||
Queries,
|
||||
} from "@/api/queries";
|
||||
|
||||
import { v4 } from "uuid";
|
||||
import { useState, useEffect, useContext } from "react";
|
||||
import { IQuizQuestionsWinners } from "@/models/quizQuestionsWinners.model";
|
||||
import {
|
||||
Datum,
|
||||
IQuizQuestionsWinners,
|
||||
} from "@/models/quizQuestionsWinners.model";
|
||||
import QuizContext from "@/context/QuizContext";
|
||||
import { useQuizSearchActive } from "@/store/store";
|
||||
|
||||
interface Message {
|
||||
answer: string;
|
||||
score: number;
|
||||
date: string;
|
||||
serial_number: number;
|
||||
serial_number_for_correct: number;
|
||||
starred_src: string;
|
||||
quiz_id: number;
|
||||
question_id: number;
|
||||
}
|
||||
|
||||
interface Winner {
|
||||
total_score_of_client: string;
|
||||
correct_answers_time: string;
|
||||
client_id: number;
|
||||
client: {
|
||||
id: number;
|
||||
phone: string;
|
||||
answers: {
|
||||
id: number;
|
||||
question_id: number;
|
||||
score: number;
|
||||
serial_number_for_correct: number;
|
||||
client_id: number;
|
||||
}[];
|
||||
};
|
||||
}
|
||||
|
||||
interface IProps {
|
||||
quizId: number;
|
||||
quizFinished: boolean;
|
||||
|
|
@ -42,23 +20,58 @@ interface IProps {
|
|||
}
|
||||
|
||||
const QuizWinnerTable = ({ quizId, quizFinished, smsNumber }: IProps) => {
|
||||
const [winnersData, setWinnersData] = useState<IQuizQuestionsWinners>();
|
||||
const [winnersData, setWinnersData] = useState<Datum[] | []>([]);
|
||||
const { questionsData } = useContext(QuizContext).quizQuestionsContext;
|
||||
|
||||
const [winnersTotal, setWinnersTotal] = useState<number>(0);
|
||||
const [nextPageQueries, setQueries] = useState<{
|
||||
limit: number;
|
||||
offset: number;
|
||||
}>({
|
||||
limit: 0,
|
||||
offset: 0,
|
||||
});
|
||||
const { quizSearchData } = useContext(QuizContext).quizSearchContext;
|
||||
const { active } = useQuizSearchActive();
|
||||
|
||||
async function getData(next?: boolean) {
|
||||
if (next) {
|
||||
const res = await getNextQuizWinnners(
|
||||
quizId,
|
||||
nextPageQueries.limit,
|
||||
nextPageQueries.offset
|
||||
);
|
||||
if (res) {
|
||||
setWinnersData([...winnersData, ...res.data]);
|
||||
setQueries({
|
||||
limit: res?.meta.per_page,
|
||||
offset: nextPageQueries.offset + res?.meta.per_page,
|
||||
});
|
||||
}
|
||||
} else {
|
||||
const res = await getQuizWinnersById(quizId);
|
||||
if (res) {
|
||||
setWinnersTotal(res.meta.total);
|
||||
setWinnersData(res.data);
|
||||
setQueries({
|
||||
limit: res?.meta.per_page,
|
||||
offset: nextPageQueries.offset + res?.meta.per_page,
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
if (!active) {
|
||||
Queries.getQuizWinners(quizId).then((res) => {
|
||||
setWinnersData(res);
|
||||
});
|
||||
// Queries.getQuizWinners(quizId).then((res) => {
|
||||
// setWinnersData(res);
|
||||
// });
|
||||
getData();
|
||||
} else if (active) {
|
||||
setWinnersData(undefined);
|
||||
setWinnersData([]);
|
||||
}
|
||||
}, [quizId, active]);
|
||||
|
||||
return winnersData?.data.length !== 0 ? (
|
||||
return quizSearchData?.data || (winnersData && winnersData?.length) !== 0 ? (
|
||||
<div className="flex flex-col justify-center items-center gap-[60px]">
|
||||
<div className="flex flex-col gap-5 justify-center items-center w-full">
|
||||
<h2 className="text-textBlack text-[28px] text-center md:text-left md:text-[32px] font-semibold">
|
||||
|
|
@ -69,33 +82,30 @@ const QuizWinnerTable = ({ quizId, quizFinished, smsNumber }: IProps) => {
|
|||
<div className="table-desktop hidden sm:flex flex-col bg-fillTableHead rounded-[25px] shadow-quizButton overflow-hidden max-w-[1000px] w-full">
|
||||
{/* Table Head */}
|
||||
<div className="flex border-b border-fillTableStrokeTableHead">
|
||||
{winnersData?.data[0].client_id || quizSearchData?.data ? (
|
||||
{winnersData[0].client_id || quizSearchData?.data ? (
|
||||
<div className="text-center flex justify-center items-center text-base text-textBlack leading-[125%] font-semibold max-w-[54px] w-[100%] pl-6 pr-3 py-5">
|
||||
<span>Ýeri</span>
|
||||
</div>
|
||||
) : null}
|
||||
|
||||
{winnersData?.data[0].client.phone || quizSearchData?.data ? (
|
||||
{winnersData[0].phone || quizSearchData?.data ? (
|
||||
<div className="text-center flex justify-center items-center text-base text-textBlack leading-[125%] font-semibold max-w-[176px] w-[100%] px-3 py-5">
|
||||
<span>Telefon beligisi</span>
|
||||
</div>
|
||||
) : null}
|
||||
|
||||
{winnersData?.data[0].client.answers.length ||
|
||||
quizSearchData?.data ? (
|
||||
{winnersData[0].answers.length || quizSearchData?.data ? (
|
||||
<div className="text-center flex justify-center items-center text-base text-textBlack leading-[125%] font-semibold w-[100%] px-3 py-5">
|
||||
<span>Jogap beriş nobatlary</span>
|
||||
</div>
|
||||
) : null}
|
||||
|
||||
{winnersData?.data[0].total_score_of_client ||
|
||||
quizSearchData?.data ? (
|
||||
{winnersData[0].total_score_of_client || quizSearchData?.data ? (
|
||||
<div className="text-center flex justify-center items-center text-base text-textBlack leading-[125%] font-semibold max-w-[180px] w-[100%] px-3 py-5">
|
||||
<span>Nobatlaryň jemi</span>
|
||||
</div>
|
||||
) : null}
|
||||
{winnersData?.data[0].total_score_of_client ||
|
||||
quizSearchData?.data ? (
|
||||
{winnersData[0].total_score_of_client || quizSearchData?.data ? (
|
||||
<div className="text-center flex justify-center items-center text-base text-textBlack leading-[125%] font-semibold max-w-[180px] w-[100%] px-3 py-5">
|
||||
<span>Utuklaryň jemi</span>
|
||||
</div>
|
||||
|
|
@ -105,7 +115,7 @@ const QuizWinnerTable = ({ quizId, quizFinished, smsNumber }: IProps) => {
|
|||
{/* Table Body */}
|
||||
<div className="">
|
||||
{winnersData
|
||||
? winnersData?.data.map((winner, id) => (
|
||||
? winnersData.map((winner, id) => (
|
||||
<div
|
||||
className={`flex border-b border-fillTableStrokeTableRow ${
|
||||
id % 2 === 0 ? "bg-fillTableRow" : "bg-fillTableRow2"
|
||||
|
|
@ -116,27 +126,27 @@ const QuizWinnerTable = ({ quizId, quizFinished, smsNumber }: IProps) => {
|
|||
<span>
|
||||
{id > 0 &&
|
||||
winner.correct_answers_time ===
|
||||
winnersData.data[id - 1].correct_answers_time
|
||||
winnersData[id - 1].correct_answers_time
|
||||
? id
|
||||
: id + 1}
|
||||
</span>
|
||||
</div>
|
||||
{winnersData.data[0].client.phone ? (
|
||||
{winnersData[0].phone ? (
|
||||
<div className="flex justify-center items-center text-base text-textBlack leading-[125%] font-semibold max-w-[176px] w-[100%] px-3 py-5">
|
||||
<span>+{winner.client.phone}</span>
|
||||
<span>+{winner.phone}</span>
|
||||
</div>
|
||||
) : null}
|
||||
{winnersData.data[0].client.answers.length !== 0 ? (
|
||||
{winnersData[0].answers.length !== 0 ? (
|
||||
<div className="flex justify-center items-center gap-6 text-base text-textGray leading-[125%] w-[100%] px-3 py-5">
|
||||
{questionsData
|
||||
? questionsData.map((question) => {
|
||||
const matchingAnswer =
|
||||
winner.client.answers.find(
|
||||
winner.answers.find(
|
||||
(answer) =>
|
||||
answer.question_id === question.id &&
|
||||
answer.score > 0
|
||||
) ||
|
||||
winner.client.answers.find(
|
||||
winner.answers.find(
|
||||
(answer) => answer.question_id === question.id
|
||||
);
|
||||
|
||||
|
|
@ -168,14 +178,14 @@ const QuizWinnerTable = ({ quizId, quizFinished, smsNumber }: IProps) => {
|
|||
</div>
|
||||
) : null}
|
||||
|
||||
{winnersData.data[0].total_score_of_client ? (
|
||||
{winnersData[0].total_score_of_client ? (
|
||||
<div className="flex justify-center items-center text-base text-textBlack leading-[125%] max-w-[180px] w-[100%] px-3 py-3">
|
||||
<span className="border border-[#2C7CDA] text-[#2C7CDA] rounded-full w-[36px] h-[36px] flex justify-center items-center text-base leading-[125%] ">
|
||||
{winner.correct_answers_time}
|
||||
</span>
|
||||
</div>
|
||||
) : null}
|
||||
{winnersData.data[0].total_score_of_client ? (
|
||||
{winnersData[0].total_score_of_client ? (
|
||||
<div className="flex justify-center items-center text-base text-textBlack leading-[125%] max-w-[180px] w-[100%] px-3 py-3">
|
||||
<span className="bg-fillOrange rounded-full w-[36px] h-[36px] flex justify-center items-center text-base leading-[125%] text-white">
|
||||
{winner.total_score_of_client}
|
||||
|
|
@ -253,26 +263,24 @@ const QuizWinnerTable = ({ quizId, quizFinished, smsNumber }: IProps) => {
|
|||
<div className="sm:hidden flex flex-col bg-fillTableHead rounded-[13px] shadow-quizButton overflow-hidden max-w-[1000px] w-full">
|
||||
{/* Table Head */}
|
||||
<div className="flex border-b border-fillTableStrokeTableHead p-2 gap-[8px]">
|
||||
{winnersData?.data[0].client_id || quizSearchData?.data ? (
|
||||
{winnersData[0].client_id || quizSearchData?.data ? (
|
||||
<div className="text-center flex items-center text-xs text-textBlack leading-[125%] font-semibold max-w-[14px] w-[100%]">
|
||||
<span>Ýeri</span>
|
||||
</div>
|
||||
) : null}
|
||||
|
||||
{winnersData?.data[0].client.phone || quizSearchData?.data ? (
|
||||
{winnersData[0].phone || quizSearchData?.data ? (
|
||||
<div className="text-center flex justify-center items-center text-xs text-textBlack leading-[125%] font-semibold max-w-[107px] w-[100%]">
|
||||
<span>Telefon beligisi</span>
|
||||
</div>
|
||||
) : null}
|
||||
|
||||
{winnersData?.data[0].total_score_of_client ||
|
||||
quizSearchData?.data ? (
|
||||
{winnersData[0].total_score_of_client || quizSearchData?.data ? (
|
||||
<div className="text-center flex justify-center items-center text-xs text-textBlack leading-[125%] font-semibold max-w-[75px] w-[100%]">
|
||||
<span>Nobatlaryň jemi </span>
|
||||
</div>
|
||||
) : null}
|
||||
{winnersData?.data[0].total_score_of_client ||
|
||||
quizSearchData?.data ? (
|
||||
{winnersData[0].total_score_of_client || quizSearchData?.data ? (
|
||||
<div className="text-center flex justify-center items-center text-xs text-textBlack leading-[125%] font-semibold max-w-[99px] w-[100%]">
|
||||
<span>Utuklaryň jemi</span>
|
||||
</div>
|
||||
|
|
@ -282,7 +290,7 @@ const QuizWinnerTable = ({ quizId, quizFinished, smsNumber }: IProps) => {
|
|||
{/* Table Body */}
|
||||
<div className="">
|
||||
{winnersData
|
||||
? winnersData?.data.map((winner, id) => (
|
||||
? winnersData.map((winner, id) => (
|
||||
<div
|
||||
className={`flex border-b border-fillTableStrokeTableRow items-center p-[8px] gap-[8px] ${
|
||||
id % 2 === 0 ? "bg-fillTableRow" : "bg-fillTableRow2"
|
||||
|
|
@ -295,20 +303,20 @@ const QuizWinnerTable = ({ quizId, quizFinished, smsNumber }: IProps) => {
|
|||
|
||||
<div className="flex flex-col gap-[8px] w-full">
|
||||
<div className="flex gap-[8px] items-center">
|
||||
{winnersData.data[0].client.phone ? (
|
||||
{winnersData[0].phone ? (
|
||||
<div className="flex items-center text-xs text-textBlack leading-[125%] font-semibold max-w-[107px] w-full">
|
||||
<span>+{winner.client.phone}</span>
|
||||
<span>+{winner.phone}</span>
|
||||
</div>
|
||||
) : null}
|
||||
|
||||
{winnersData.data[0].total_score_of_client ? (
|
||||
{winnersData[0].total_score_of_client ? (
|
||||
<div className="flex justify-center items-center text-xs text-textBlack leading-[125%] max-w-[75px] w-full">
|
||||
<span className="border border-[#2C7CDA] text-[#2C7CDA] rounded-full w-[24px] h-[24px] flex justify-center items-center text-xs leading-[125%] ">
|
||||
{winner.correct_answers_time}
|
||||
</span>
|
||||
</div>
|
||||
) : null}
|
||||
{winnersData.data[0].total_score_of_client ? (
|
||||
{winnersData[0].total_score_of_client ? (
|
||||
<div className="flex justify-center items-center text-xs text-textBlack leading-[125%] max-w-[99px] w-full">
|
||||
<span className="bg-fillOrange rounded-full w-[24px] h-[24px] flex justify-center items-center text-xs leading-[125%] text-white">
|
||||
{winner.total_score_of_client}
|
||||
|
|
@ -317,22 +325,22 @@ const QuizWinnerTable = ({ quizId, quizFinished, smsNumber }: IProps) => {
|
|||
) : null}
|
||||
</div>
|
||||
<div className="flex gap-[8px] items-center">
|
||||
{winnersData?.data[0].client.answers.length !== 0 ? (
|
||||
{winnersData[0].answers.length !== 0 ? (
|
||||
<div className="flex justify-center items-center text-xs text-textLight leading-[125%] font-semibold w-fit">
|
||||
<span>Jogap beriş nobatlary:</span>
|
||||
</div>
|
||||
) : null}
|
||||
{winnersData.data[0].client.answers.length !== 0 ? (
|
||||
{winnersData[0].answers.length !== 0 ? (
|
||||
<div className="flex justify-center items-center gap-[4px] text-xs text-textGray leading-[125%] w-fit">
|
||||
{questionsData
|
||||
? questionsData.map((question) => {
|
||||
const matchingAnswer =
|
||||
winner.client.answers.find(
|
||||
winner.answers.find(
|
||||
(answer) =>
|
||||
answer.question_id === question.id &&
|
||||
answer.score > 0
|
||||
) ||
|
||||
winner.client.answers.find(
|
||||
winner.answers.find(
|
||||
(answer) =>
|
||||
answer.question_id === question.id
|
||||
);
|
||||
|
|
@ -446,6 +454,15 @@ const QuizWinnerTable = ({ quizId, quizFinished, smsNumber }: IProps) => {
|
|||
</div>
|
||||
</div>
|
||||
|
||||
{winnersData.length < winnersTotal && (
|
||||
<button
|
||||
onClick={() => getData(true)}
|
||||
className="py-[5px] px-[10px] rounded-md bg-blue-500 text-white border border-blue-500 lg:hover:bg-white lg:hover:text-blue-500 transition-all duration-300"
|
||||
>
|
||||
Dowamy
|
||||
</button>
|
||||
)}
|
||||
|
||||
{/* Rules block */}
|
||||
<div className="flex flex-col gap-[20px] p-5 border border-strokeLightGray1 rounded-[25px] max-w-[1000px] w-full items-center justify-center">
|
||||
<h3 className="text-[26px] text-textBlack font-semibold leading-[124%]">
|
||||
|
|
|
|||
|
|
@ -1,20 +1,15 @@
|
|||
export interface IQuizQuestionsWinners {
|
||||
data: Datum[];
|
||||
meta: IMeta;
|
||||
}
|
||||
|
||||
export interface Datum {
|
||||
total_score_of_client: string;
|
||||
correct_answers_time: string;
|
||||
client_id: number;
|
||||
client: Client;
|
||||
}
|
||||
|
||||
export interface Client {
|
||||
id: number;
|
||||
phone: string;
|
||||
answers: Answer[];
|
||||
}
|
||||
|
||||
export interface Answer {
|
||||
id: number;
|
||||
question_id: number;
|
||||
|
|
@ -22,3 +17,13 @@ export interface Answer {
|
|||
serial_number_for_correct: number;
|
||||
client_id: number;
|
||||
}
|
||||
|
||||
interface IMeta {
|
||||
current_page: number;
|
||||
from: number;
|
||||
last_page: number;
|
||||
path: string;
|
||||
per_page: number;
|
||||
to: number;
|
||||
total: number;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,5 @@
|
|||
import { IQuizSearchData } from '@/models/quizSearchData.model';
|
||||
import { Dispatch, SetStateAction } from 'react';
|
||||
|
||||
import { IQuizSearchData } from "@/models/quizSearchData.model";
|
||||
import { Dispatch, SetStateAction } from "react";
|
||||
export interface IQuizSearch {
|
||||
quizSearchData: IQuizSearchData | undefined;
|
||||
setQuizSearchData: Dispatch<SetStateAction<IQuizSearchData | undefined>>;
|
||||
|
|
|
|||
Loading…
Reference in New Issue