devops/encoach_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated the ModuleTitle

Browse Source
This commit is contained in:
Tiago Ribeiro
2023-06-21 11:00:14 +01:00
parent 294f00952e
commit d2cf50be68
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Medium/ModuleTitle.tsx
View File

@@ -1,6 +1,7 @@
import {Module} from "@/interfaces"; import {Module} from "@/interfaces";
import {moduleLabels} from "@/utils/moduleUtils";
import {ReactNode, useEffect, useState} from "react"; import {ReactNode, useEffect, useState} from "react";
import {BsBook, BsHeadphones, BsPen, BsStopwatch} from "react-icons/bs"; import {BsBook, BsHeadphones, BsMegaphone, BsPen, BsStopwatch} from "react-icons/bs";
import ProgressBar from "../Low/ProgressBar"; import ProgressBar from "../Low/ProgressBar";
interface Props { interface Props {
@@ -25,7 +26,7 @@ export default function ModuleTitle({minTimer, module, exerciseIndex, totalExerc
reading: <BsBook className="text-ielts-reading w-6 h-6" />, reading: <BsBook className="text-ielts-reading w-6 h-6" />,
listening: <BsHeadphones className="text-ielts-listening w-6 h-6" />, listening: <BsHeadphones className="text-ielts-listening w-6 h-6" />,
writing: <BsPen className="text-ielts-writing w-6 h-6" />, writing: <BsPen className="text-ielts-writing w-6 h-6" />,
speaking: <BsBook className="text-ielts-speaking w-6 h-6" />, speaking: <BsMegaphone className="text-ielts-speaking w-6 h-6" />,
}; };
return ( return (
@@ -51,7 +52,7 @@ export default function ModuleTitle({minTimer, module, exerciseIndex, totalExerc
<div className="w-12 h-12 bg-mti-gray-smoke flex items-center justify-center rounded-lg">{moduleIcon[module]}</div> <div className="w-12 h-12 bg-mti-gray-smoke flex items-center justify-center rounded-lg">{moduleIcon[module]}</div>
<div className="flex flex-col gap-3 w-full"> <div className="flex flex-col gap-3 w-full">
<div className="w-full flex justify-between"> <div className="w-full flex justify-between">
<span className="text-base font-semibold">Reading exam N.19</span> <span className="text-base font-semibold">{moduleLabels[module]} exam</span>
<span className="text-xs font-normal self-end text-mti-gray-davy"> <span className="text-xs font-normal self-end text-mti-gray-davy">
Question {exerciseIndex}/{totalExercises} Question {exerciseIndex}/{totalExercises}
</span> </span>