loader

src/components/Modal/ModalRegistration/ModalRegistration.jsx

@@ -137,7 +137,7 @@ export const ModalRegistration = ({ active, setActive }) => {
 
         <div className="button-box">
           {loader ? (
-            <Loader style={"green"} />
+            <Loader />
           ) : (
             <BaseButton
               onClick={async (e) => {

src/components/features/quiz/HeaderQuiz.jsx

@@ -1,6 +1,8 @@
 import React from "react";
 import { useDispatch, useSelector } from "react-redux";
 
+import { Loader } from "@components/common/Loader/Loader";
+
 import { selectUserInfo } from "@redux/quizSlice";
 
 import { urlForLocal } from "@utils/helper";
@@ -21,7 +23,7 @@ export const HeaderQuiz = ({ header }) => {
         <div className="header-quiz">
           <div className="header-quiz__container">
             {!userInfo ? (
-              <h2>Loading...</h2>
+              <Loader />
             ) : (
               <>
                 {header && (

src/components/features/quiz/Instructions.jsx

@@ -9,6 +9,7 @@ import { apiRequest } from "@api/request";
 import comment from "assets/icons/comment.jpg";
 
 import "./quiz.scss";
+import { Loader } from "@components/common/Loader/Loader";
 
 export const Instruction = () => {
   const [countQuestions, setCountQuestions] = useState(null);
@@ -24,7 +25,7 @@ export const Instruction = () => {
     <div className="instruction">
       <div className="instruction__container">
         {!countQuestions ? (
-          <h2>Loading...</h2>
+          <Loader />
         ) : (
           <>
             <h3 className="instruction__title quiz-title_h3">

src/components/features/quiz/Results.jsx

@@ -1,6 +1,8 @@
 import React, { useEffect, useState } from "react";
 import { useDispatch, useSelector } from "react-redux";
 
+import { Loader } from "@components/common/Loader/Loader";
+
 import { fetchResultTest, selectResult, selectedTest } from "@redux/quizSlice";
 
 import { apiRequest } from "@api/request";
@@ -21,7 +23,7 @@ export const Results = () => {
   return (
     <div className={"result _container"}>
       {!result ? (
-        <h1 style={{ display: "block" }}>Ожидайте результата...</h1>
+        <Loader />
       ) : (
         <div className="result__body">
           <div className="result__text">Благодарим за прохождение теста</div>