apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

loader

Browse Source
This commit is contained in:
Victor Batischev 2024-02-15 20:28:21 +03:00
parent 23b8c3ad8a
commit 07574e98a6
4 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Modal/ModalRegistration/ModalRegistration.jsx
View File

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

4
src/components/features/quiz/HeaderQuiz.jsx
View File

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

3
src/components/features/quiz/Instructions.jsx
View File

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

4
src/components/features/quiz/Results.jsx
View File

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