quiz page

src/pages/quiz/InstructionPage.js

@@ -0,0 +1,23 @@
+import {Redirect} from "react-router-dom"
+import { HeaderPageTestsQuiz } from "../../components/features/quiz/HeaderPageTests"
+import { Instruction } from "../../components/features/quiz/Instructions"
+import React from "react";
+import {useSelector} from "react-redux";
+import {selectedTest} from "../../redux/quizSlice";
+
+
+export const InstructionPage = () => {
+
+    const test = useSelector(selectedTest)
+
+    if(!test){
+        return <Redirect to={'/quiz'} />
+    }
+
+    return (
+        <>
+            <HeaderPageTestsQuiz isVisibilityButton={false}/>
+            <Instruction />
+        </>
+    )
+}

src/pages/quiz/InterjacentPage.js

@@ -0,0 +1,24 @@
+import {Redirect} from "react-router-dom"
+import {HeaderPageTestsQuiz} from "../../components/features/quiz/HeaderPageTests"
+import {MyTestsQuiz} from "../../components/features/quiz/MyTestsQuiz"
+import {useSelector} from "react-redux";
+import {selectedTest, selectPassedTests} from "../../redux/quizSlice";
+import React from "react";
+
+
+export const InterjacentPage = () => {
+
+   const test = useSelector(selectedTest)
+   const passedTests = useSelector(selectPassedTests)
+
+   if (!test) {
+      return <Redirect to={'/quiz'}/>
+   }
+
+   return (
+     <>
+        <HeaderPageTestsQuiz isVisibilityButton={true}/>
+        <MyTestsQuiz listTests={passedTests}/>
+     </>
+   )
+}

src/pages/quiz/QuizPage.js

@@ -0,0 +1,17 @@
+import React from 'react'
+import {HeaderQuiz} from "../../components/features/quiz/HeaderQuiz"
+import {MyTestsQuiz} from "../../components/features/quiz/MyTestsQuiz"
+import {useSelector} from "react-redux";
+import {selectQuestionnairesOfUser} from "../../redux/quizSlice";
+
+export const QuizPage = () => {
+
+   const allTests = useSelector(selectQuestionnairesOfUser)
+
+   return (
+     <>
+        <HeaderQuiz header={true}/>
+        <MyTestsQuiz listTests={allTests}/>
+     </>
+   )
+}

src/pages/quiz/QuizTestPage.js

@@ -0,0 +1,22 @@
+import {Link, Redirect} from 'react-router-dom'
+import {HeaderPageTestsQuiz} from '../../components/features/quiz/HeaderPageTests'
+import {Progressbar} from '../../components/features/quiz/ProgressbarQuiz'
+import {TaskQuiz} from '../../components/features/quiz/Task'
+import {useSelector} from "react-redux";
+import {selectedTest} from "../../redux/quizSlice";
+import React from "react";
+
+export const QuizTestPage = () => {
+
+   const test = useSelector(selectedTest)
+
+   if (!test) {
+      return <Redirect to={'/quiz'}/>
+   }
+   return (
+     <>
+        <HeaderPageTestsQuiz isVisibilityButton={false}/>
+        <TaskQuiz/>
+     </>
+   )
+}