+
{
onClick();
}}
>
- {quize.button || 'GO'}
+ {quiz.button || 'GO'}
diff --git a/src/ts/components/Quize/components/index.tsx b/src/ts/components/Quiz/components/index.tsx
similarity index 72%
rename from src/ts/components/Quize/components/index.tsx
rename to src/ts/components/Quiz/components/index.tsx
index ef172d8..a06c8e0 100644
--- a/src/ts/components/Quize/components/index.tsx
+++ b/src/ts/components/Quiz/components/index.tsx
@@ -4,7 +4,7 @@ import Result from './Result';
import Question from './Question';
import Start from './Start';
-import IQuize from '../interfaces/Quize';
+import IQuiz from '../interfaces/Quiz';
import IQuestion from '../interfaces/Question';
import IAnswer from '../interfaces/Answer';
import IResult from '../interfaces/Result';
@@ -25,29 +25,29 @@ function getApplyInAnimation(setShowSlide: Function, delay: number) {
};
}
-interface IQuizePageProps {
- quize: IQuize;
+interface IQuizPageProps {
+ quiz: IQuiz;
onEnd: Function;
}
-function QuizePage({
- quize,
+function QuizPage({
+ quiz,
onEnd,
-}: IQuizePageProps): React.ReactElement | null {
- const [question, setQuestion] = useState
(quize.questions[0]);
- const [result, setResult] = useState(quize.results[0]);
+}: IQuizPageProps): React.ReactElement | null {
+ const [question, setQuestion] = useState(quiz.questions[0]);
+ const [result, setResult] = useState(quiz.results[0]);
const [answers, setAnswers] = useState([]);
const [view, setView] = useState('start');
const [showSlide, setShowSlide] = useState(false);
const applyInAnimation = getApplyInAnimation(setShowSlide, 1500);
- const questions = getQuestionByGroups(quize.questions);
+ const questions = getQuestionByGroups(quiz.questions);
let page: any = null;
if (view === 'start') {
page = (
{
applyInAnimation(() => {
setView('question');
@@ -64,7 +64,7 @@ function QuizePage({
onClick={(answer: IAnswer) => {
const nextById = questions.byId[answer.nextQuestionId || ''];
const nextByIndex = questions.byIndex[question.index + 1];
- const newResult = getResult(answers, quize.results);
+ const newResult = getResult(answers, quiz.results);
setAnswers([...answers, answer]);
if (answer.isEnd) {
@@ -98,7 +98,7 @@ function QuizePage({
onClick={() => {
applyInAnimation(() => {
onEnd();
- setQuestion(quize.questions[0]);
+ setQuestion(quiz.questions[0]);
setAnswers([]);
setView('start');
});
@@ -108,21 +108,21 @@ function QuizePage({
}
const className = showSlide
- ? `${style.quize_slider} ${style.quize_slider_animation}`
- : style.quize_slider;
+ ? `${style.quiz_slider} ${style.quiz_slider_animation}`
+ : style.quiz_slider;
return (
{page}
@@ -131,4 +131,4 @@ function QuizePage({
);
}
-export default QuizePage;
+export default QuizPage;
diff --git a/src/ts/components/Quize/helpers/example.ts b/src/ts/components/Quiz/helpers/example.ts
similarity index 100%
rename from src/ts/components/Quize/helpers/example.ts
rename to src/ts/components/Quiz/helpers/example.ts
diff --git a/src/ts/components/Quize/helpers/index.ts b/src/ts/components/Quiz/helpers/index.ts
similarity index 100%
rename from src/ts/components/Quize/helpers/index.ts
rename to src/ts/components/Quiz/helpers/index.ts
diff --git a/src/ts/components/Quiz/index.tsx b/src/ts/components/Quiz/index.tsx
new file mode 100644
index 0000000..e4c6fbb
--- /dev/null
+++ b/src/ts/components/Quiz/index.tsx
@@ -0,0 +1,20 @@
+import React from 'react';
+
+import IQuiz from './interfaces/Quiz';
+import QuizPage from './components/index';
+import example from './helpers/example';
+
+interface IQuizProps {
+}
+
+function Quiz({}: IQuizProps): React.ReactElement | null {
+ return (
+
{
+ }}
+ />
+ );
+}
+
+export default Quiz;
diff --git a/src/ts/components/Quize/interfaces/Answer.ts b/src/ts/components/Quiz/interfaces/Answer.ts
similarity index 100%
rename from src/ts/components/Quize/interfaces/Answer.ts
rename to src/ts/components/Quiz/interfaces/Answer.ts
diff --git a/src/ts/components/Quize/interfaces/Question.ts b/src/ts/components/Quiz/interfaces/Question.ts
similarity index 100%
rename from src/ts/components/Quize/interfaces/Question.ts
rename to src/ts/components/Quiz/interfaces/Question.ts
diff --git a/src/ts/components/Quize/interfaces/Quize.ts b/src/ts/components/Quiz/interfaces/Quiz.ts
similarity index 86%
rename from src/ts/components/Quize/interfaces/Quize.ts
rename to src/ts/components/Quiz/interfaces/Quiz.ts
index 8fed00a..9699d70 100644
--- a/src/ts/components/Quize/interfaces/Quize.ts
+++ b/src/ts/components/Quiz/interfaces/Quiz.ts
@@ -1,7 +1,7 @@
import IQuestion from './Question';
import IResult from './Result';
-export default interface IQuize {
+export default interface IQuiz {
id?: number;
icon?: string;
title?: string;
diff --git a/src/ts/components/Quize/interfaces/Result.ts b/src/ts/components/Quiz/interfaces/Result.ts
similarity index 100%
rename from src/ts/components/Quize/interfaces/Result.ts
rename to src/ts/components/Quiz/interfaces/Result.ts
diff --git a/src/ts/components/Quize/styles/answer.module.scss b/src/ts/components/Quiz/styles/answer.module.scss
similarity index 86%
rename from src/ts/components/Quize/styles/answer.module.scss
rename to src/ts/components/Quiz/styles/answer.module.scss
index 4c807ea..5fc98fb 100644
--- a/src/ts/components/Quize/styles/answer.module.scss
+++ b/src/ts/components/Quiz/styles/answer.module.scss
@@ -1,6 +1,6 @@
@import 'src/styles/variables';
-.quize_answer {
+.quiz_answer {
--temp-width: 160px;
--temp-small: calc(var(--temp-width) - 32px);
@@ -97,30 +97,30 @@
}
}
-.quize_answer_wrapper + .quize_answer_wrapper {
+.quiz_answer_wrapper + .quiz_answer_wrapper {
margin-left: 64px;
}
-.quize_answer_wrapper_small {
+.quiz_answer_wrapper_small {
padding: var(--space-s) var(--space-l);
- & .quize_answer {
+ & .quiz_answer {
width: var(--temp-small);
animation-delay: 1s;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-fill-mode: both;
- animation-name: quize_answer;
+ animation-name: quiz_answer;
}
- & .quize_answer_text {
+ & .quiz_answer_text {
font-size: var(--font-s);
}
}
-@keyframes quize_answer {
+@keyframes quiz_answer {
from {
top: 0;
}
diff --git a/src/ts/components/Quize/styles/index.module.scss b/src/ts/components/Quiz/styles/index.module.scss
similarity index 90%
rename from src/ts/components/Quize/styles/index.module.scss
rename to src/ts/components/Quiz/styles/index.module.scss
index 19aea19..554c073 100644
--- a/src/ts/components/Quize/styles/index.module.scss
+++ b/src/ts/components/Quiz/styles/index.module.scss
@@ -1,6 +1,6 @@
@import 'src/styles/variables';
-.quize {
+.quiz {
&_container {
position: relative;
display: block;
@@ -33,7 +33,7 @@
background-size: auto 100%;
background-repeat: repeat;
- animation-name: quize_cloud;
+ animation-name: quiz_cloud;
animation-iteration-count: infinite;
animation-fill-mode: none;
}
@@ -57,7 +57,7 @@
animation-fill-mode: both;
&_animation {
- animation-name: quize_slider;
+ animation-name: quiz_slider;
}
}
@@ -124,7 +124,7 @@
}
}
-@keyframes quize_slider {
+@keyframes quiz_slider {
from {
bottom: 0;
left: auto;
@@ -145,7 +145,7 @@
}
}
-@keyframes quize_cloud {
+@keyframes quiz_cloud {
from {
background-position: 0 0;
}
diff --git a/src/ts/components/Quize/styles/progress.module.scss b/src/ts/components/Quiz/styles/progress.module.scss
similarity index 70%
rename from src/ts/components/Quize/styles/progress.module.scss
rename to src/ts/components/Quiz/styles/progress.module.scss
index 538eeca..27b1b3b 100644
--- a/src/ts/components/Quize/styles/progress.module.scss
+++ b/src/ts/components/Quiz/styles/progress.module.scss
@@ -1,6 +1,6 @@
@import 'src/styles/variables';
-.quize_progress {
+.quiz_progress {
&_description {
}
}
diff --git a/src/ts/components/Quize/styles/question.module.scss b/src/ts/components/Quiz/styles/question.module.scss
similarity index 89%
rename from src/ts/components/Quize/styles/question.module.scss
rename to src/ts/components/Quiz/styles/question.module.scss
index 82f0469..13bfd75 100644
--- a/src/ts/components/Quize/styles/question.module.scss
+++ b/src/ts/components/Quiz/styles/question.module.scss
@@ -1,6 +1,6 @@
@import 'src/styles/variables';
-.quize_question {
+.quiz_question {
&_title {
font-size: var(--font-l);
font-weight: 100;
diff --git a/src/ts/components/Quize/styles/result.module.scss b/src/ts/components/Quiz/styles/result.module.scss
similarity index 89%
rename from src/ts/components/Quize/styles/result.module.scss
rename to src/ts/components/Quiz/styles/result.module.scss
index 013b49e..fb2b4ae 100644
--- a/src/ts/components/Quize/styles/result.module.scss
+++ b/src/ts/components/Quiz/styles/result.module.scss
@@ -1,6 +1,6 @@
@import 'src/styles/variables';
-.quize_result {
+.quiz_result {
&_title,
&_description {
font-weight: 100;
diff --git a/src/ts/components/Quize/styles/start.module.scss b/src/ts/components/Quiz/styles/start.module.scss
similarity index 64%
rename from src/ts/components/Quize/styles/start.module.scss
rename to src/ts/components/Quiz/styles/start.module.scss
index bd7db12..1a03296 100644
--- a/src/ts/components/Quize/styles/start.module.scss
+++ b/src/ts/components/Quiz/styles/start.module.scss
@@ -1,4 +1,4 @@
@import 'src/styles/variables';
-.quize_start {
+.quiz_start {
}
diff --git a/src/ts/components/Quize/index.tsx b/src/ts/components/Quize/index.tsx
deleted file mode 100644
index dec4fd3..0000000
--- a/src/ts/components/Quize/index.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from 'react';
-
-import IQuize from './interfaces/Quize';
-import QuizePage from './components/index';
-import example from './helpers/example';
-
-interface IQuizeProps {
-}
-
-function Quize({}: IQuizeProps): React.ReactElement | null {
- return (
- {
- }}
- />
- );
-}
-
-export default Quize;
diff --git a/src/ts/pages/Team/components/Top.tsx b/src/ts/pages/Team/components/Building.tsx
similarity index 59%
rename from src/ts/pages/Team/components/Top.tsx
rename to src/ts/pages/Team/components/Building.tsx
index 854d4e8..455b99d 100644
--- a/src/ts/pages/Team/components/Top.tsx
+++ b/src/ts/pages/Team/components/Building.tsx
@@ -5,19 +5,11 @@ import dataGripStore from 'ts/store/DataGrip';
import Title from 'ts/components/Title';
import Races from 'ts/components/Races';
-import CityBuilder from 'ts/components/CityBuilder';
import SwimmingPool from 'ts/components/SwimmingPool';
-import Quize from 'ts/components/Quize';
+import Quiz from 'ts/components/Quiz';
const TeamBuilding = observer((): React.ReactElement => {
- const filesByAuthor = dataGripStore.fileGrip.author?.statisticByName || {};
- const addedFilesByAuthor = Object.entries(filesByAuthor)
- .reduce((acc: any, item: any) => {
- acc[item[0]] = item[1].addedFiles;
- return acc;
- }, {});
-
const tracksAuth = dataGripStore.dataGrip.author.statistic
.filter((item: any) => !item.isStaff);
const value = tracksAuth.map((statistic: any) => statistic.taskInDay);
@@ -33,16 +25,10 @@ const TeamBuilding = observer((): React.ReactElement => {
return (
<>
-
- {/**/}
+
-
-
-
-
- {'Небоскребы вверх ввиде графика'}
>
);
});
diff --git a/src/ts/pages/Team/index.tsx b/src/ts/pages/Team/index.tsx
index b61e354..fa8b6d7 100644
--- a/src/ts/pages/Team/index.tsx
+++ b/src/ts/pages/Team/index.tsx
@@ -18,7 +18,7 @@ import Type from './components/Type';
import Week from './components/Week';
import Month from './components/Month';
import Tasks from './components/Tasks';
-import TeamBuilding from './components/Top';
+import Building from './components/Building';
import Pr from './components/PR';
import Print from './components/Print';
import Release from './components/Release';
@@ -41,7 +41,7 @@ function getViewById(page?: string) {
if (page === 'commits') return ;
if (page === 'changes') return ;
if (page === 'words') return ;
- if (page === 'building') return ;
+ if (page === 'building') return ;
if (page === 'print') return ;
if (page === 'tasks') return ;
return ;