84 lines
3.5 KiB
JavaScript
84 lines
3.5 KiB
JavaScript
|
import React, { useState } from 'react'
|
|||
|
|
import { ProfileHeader } from '../../components/ProfileHeader/ProfileHeader'
|
|||
|
|
import { HeadBottom } from '../../components/features/Candidate-lk/HeadBottom'
|
|||
|
|
import { ProfileBreadcrumbs } from '../../components/ProfileBreadcrumbs/ProfileBreadcrumbs'
|
|||
|
|
import { Link } from 'react-router-dom'
|
|||
|
|
import { Footer } from '../../components/Footer/Footer'
|
|||
|
|
import { QuizPassingInformation } from '../../components/features/quiz/Quiz-passing-information'
|
|||
|
|
import { CardIntroduction } from '../../components/features/quiz/Card-introduction'
|
|||
|
|
import { TaskQuiz } from '../../components/features/quiz/Task'
|
|||
|
|
import { BlockCompletedTest } from '../../components/features/quiz/BlockCompletedTest'
|
|||
|
|
import { useSelector } from 'react-redux'
|
|||
|
|
import { completedTestSelector, selectedTest } from '../../redux/quizSlice'
|
|||
|
|
|
|||
|
|
export const PassingTests = () => {
|
|||
|
|
//const selectedTest = useSelector(selectedTest)
|
|||
|
|
|
|||
|
|
if(''){
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const time = new Date();
|
|||
|
|
time.setSeconds(time.getSeconds() + 600);//600 - кол-во секунд для прохождения теста
|
|||
|
|
|
|||
|
|
const [startTest, setStartTest] = useState(false)
|
|||
|
|
const completedTest = useSelector(completedTestSelector)
|
|||
|
|
|
|||
|
|
const introduction = [
|
|||
|
|
{
|
|||
|
|
title: 'Зачем?',
|
|||
|
|
description: 'Тесты itguild предназначены для того, чтобы подтверждать навыки, которые вы указали у себя.'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: 'Почему именно тестирование?',
|
|||
|
|
description: 'Тесты itguild заменяют первое техническое собеседование по любой вакансии.'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: 'Какие тесты нужно проходить?',
|
|||
|
|
description: 'Здесь все довольно просто — следует проходить тесты по инструментам и навыкам, которыми вы владеете.'
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<div className='passing-tests-page'>
|
|||
|
|
<ProfileHeader />
|
|||
|
|
<HeadBottom />
|
|||
|
|
<div className="passing-tests-page__container">
|
|||
|
|
<ProfileBreadcrumbs links={[
|
|||
|
|
{ name: 'Главная', link: '/profile-candidate' },
|
|||
|
|
{ name: 'Тестирование', link: '/quiz' },
|
|||
|
|
{ name: 'Прохождение тестов', link: '/quiz/test' },
|
|||
|
|
]} />
|
|||
|
|
<div className="passing-tests-page__title main-title">Тестирование в позиции Junior разработчик </div>
|
|||
|
|
<div className="passing-tests-page__passing-information">
|
|||
|
|
<QuizPassingInformation expiryTimestamp={time} setStartTest={setStartTest} />
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
{
|
|||
|
|
!completedTest &&
|
|||
|
|
<>
|
|||
|
|
{startTest && <div className="passing-tests-page__block-green">Тестирование началось</div>}
|
|||
|
|
{startTest ? <TaskQuiz /> : <div className='passing-tests-page__introduction'>
|
|||
|
|
{
|
|||
|
|
introduction.map((item, i) => <CardIntroduction description={item.description} title={item.title} key={i} />)
|
|||
|
|
}
|
|||
|
|
</div>}
|
|||
|
|
{
|
|||
|
|
!startTest && <div className="passing-tests-page__block-text block-text">
|
|||
|
|
ИЛИ <Link to={''} >выполните тестове задание</Link> , без прохождения тестов
|
|||
|
|
</div>
|
|||
|
|
}
|
|||
|
|
</>
|
|||
|
|
}
|
|||
|
|
{
|
|||
|
|
completedTest && <>
|
|||
|
|
<div className="passing-tests-page__block-green">Тестирование завершено</div>
|
|||
|
|
<BlockCompletedTest />
|
|||
|
|
</>
|
|||
|
|
}
|
|||
|
|
</div>
|
|||
|
|
<Footer />
|
|||
|
|
</div>
|
|||
|
|
)
|
|||
|
|
}
|