59 lines
1.9 KiB
JavaScript
59 lines
1.9 KiB
JavaScript
import { useEffect, useState } from "react";
|
|
import { useSelector } from "react-redux";
|
|
import { Link } from "react-router-dom";
|
|
|
|
import { selectedTest } from "@redux/quizSlice";
|
|
|
|
import { apiRequest } from "@api/request";
|
|
|
|
import comment from "assets/icons/comment.jpg";
|
|
|
|
import "./quiz.scss";
|
|
|
|
export const Instruction = () => {
|
|
const [countQuestions, setCountQuestions] = useState(null);
|
|
const test = useSelector(selectedTest);
|
|
|
|
useEffect(() => {
|
|
apiRequest("/user-questionnaire/get-question-number", {
|
|
params: { user_questionnaire_uuid: test.uuid },
|
|
}).then((res) => setCountQuestions(res.question_number));
|
|
}, []);
|
|
|
|
return (
|
|
<div className="instruction">
|
|
<div className="instruction__container">
|
|
{!countQuestions ? (
|
|
<h2>Loading...</h2>
|
|
) : (
|
|
<>
|
|
<h3 className="instruction__title quiz-title_h3">
|
|
Инструкция к тесту
|
|
</h3>
|
|
<div className="instruction__text">
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
|
|
eiusmod tempoLorem ipsum dolor sit amet,Lo rem ipsum dolor sit
|
|
amet, consectetur adipisicing elit, sed do eiusmod tempo
|
|
consectetur adipisicing e lit, sed do eiusmod tempo
|
|
</div>
|
|
<Link
|
|
to="/quiz/test"
|
|
className="instruction__btn quiz-btn quiz-btn_restriction"
|
|
>
|
|
Далее
|
|
</Link>
|
|
<div className="instruction__info">
|
|
<div className="instruction__icon">
|
|
<img src={comment} alt="" />
|
|
</div>
|
|
<div className="instruction__text instruction__text_info">
|
|
Вопросов в тесте: <span>{countQuestions}</span>
|
|
</div>
|
|
</div>
|
|
</>
|
|
)}
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|