quiz

src/pages/CodeSnippetPage.js

@@ -0,0 +1,21 @@
+import { useEffect, useState } from "react";
+import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { a11yDark } from 'react-syntax-highlighter/dist/esm/styles/prism';
+
+export const CodeSnippetlighter = () => {
+    const [codeString, setCodeString] = useState(``) 
+
+    useEffect(()=>{
+      fetch('/code.txt')
+      .then((r) => r.text())
+      .then(text  => {
+        setCodeString(text)
+      })  
+    }, [])
+  
+    return (
+        <SyntaxHighlighter language={"javascript"} style={a11yDark} wrapLongLines={false} customStyle={{fontSize:14}} showLineNumbers={true}>
+          {codeString}
+        </SyntaxHighlighter>
+    );
+  };

src/pages/code.txt

@@ -0,0 +1 @@
+Hellow

src/pages/quiz/ResultPage.js

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