diff --git a/components/quests/quizzes/endScreen.tsx b/components/quests/quizzes/endScreen.tsx index 448239b7..abb715e3 100644 --- a/components/quests/quizzes/endScreen.tsx +++ b/components/quests/quizzes/endScreen.tsx @@ -1,4 +1,4 @@ -import { FunctionComponent } from "react"; +import React, { FunctionComponent } from "react"; import Menu from "./menu"; import styles from "../../../styles/components/quests/quizzes.module.css"; import Button from "../../UI/button"; diff --git a/components/quests/quizzes/homeScreen.tsx b/components/quests/quizzes/homeScreen.tsx index b0f92d6c..2a3b2586 100644 --- a/components/quests/quizzes/homeScreen.tsx +++ b/components/quests/quizzes/homeScreen.tsx @@ -1,4 +1,4 @@ -import { FunctionComponent } from "react"; +import React, { FunctionComponent } from "react"; import QuizControls from "./quizControls"; import Menu from "./menu"; import styles from "../../../styles/components/quests/quizzes.module.css"; @@ -20,9 +20,9 @@ const HomeScreen: FunctionComponent = ({ move, quit }) => {

Welcome to the Uniswap Unraveled quiz – an exhilarating journey into the heart of decentralized finance (DeFi). Test your knowledge, dive - into Uniswap's ecosystem, and unlock the secrets of DeFi. Get ready - to become a DeFi expert as you answer questions and earn rewards. - Are you up for the challenge? Let's get started! + into Uniswap's ecosystem, and unlock the secrets of DeFi. Get + ready to become a DeFi expert as you answer questions and earn + rewards. Are you up for the challenge? Let's get started!

diff --git a/components/quests/quizzes/menu.tsx b/components/quests/quizzes/menu.tsx index 18ab332b..4ead613c 100644 --- a/components/quests/quizzes/menu.tsx +++ b/components/quests/quizzes/menu.tsx @@ -1,6 +1,5 @@ -import { FunctionComponent, ReactNode } from "react"; +import React, { FunctionComponent, ReactNode } from "react"; import styles from "../../../styles/components/quests/quizzes.module.css"; -import Button from "../../UI/button"; type MenuProps = { title: string; diff --git a/components/quests/quizzes/progressBar.tsx b/components/quests/quizzes/progressBar.tsx index e4fbc4ca..b13c722d 100644 --- a/components/quests/quizzes/progressBar.tsx +++ b/components/quests/quizzes/progressBar.tsx @@ -1,4 +1,4 @@ -import { FunctionComponent } from "react"; +import React, { FunctionComponent } from "react"; import styles from "../../../styles/components/quests/progressBar.module.css"; import CheckMarkIcon from "../../UI/iconsComponents/icons/checkMarkIcon"; diff --git a/components/quests/quizzes/quizControls.tsx b/components/quests/quizzes/quizControls.tsx index b184f2d5..f946d6b5 100644 --- a/components/quests/quizzes/quizControls.tsx +++ b/components/quests/quizzes/quizControls.tsx @@ -1,4 +1,4 @@ -import { FunctionComponent } from "react"; +import React, { FunctionComponent } from "react"; import styles from "../../../styles/components/quests/quizzes.module.css"; type QuizControlsProps = { diff --git a/components/quests/quizzes/step.tsx b/components/quests/quizzes/step.tsx index 61017107..9cbcbd4e 100644 --- a/components/quests/quizzes/step.tsx +++ b/components/quests/quizzes/step.tsx @@ -1,4 +1,4 @@ -import { FunctionComponent } from "react"; +import React, { FunctionComponent } from "react"; import QuizControls from "./quizControls"; import styles from "../../../styles/components/quests/quizzes.module.css"; import ProgressBar from "./progressBar"; diff --git a/pages/quest/[questPage]/quiz/[quizPage].tsx b/pages/quest/[questPage]/quiz/[quizPage].tsx index d7f77254..3347bf98 100644 --- a/pages/quest/[questPage]/quiz/[quizPage].tsx +++ b/pages/quest/[questPage]/quiz/[quizPage].tsx @@ -1,4 +1,4 @@ -import { NextPage } from "next"; +import React, { NextPage } from "next"; import { useRouter } from "next/router"; import HomeScreen from "../../../../components/quests/quizzes/homeScreen"; import styles from "../../../../styles/components/quests/quizzes.module.css";