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

Removed the ability to pause the listening

Browse Source
This commit is contained in:
Tiago Ribeiro
2023-09-13 07:40:20 +01:00
parent 8cbf56b81a
commit 8dcfb8a670
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Low/AudioPlayer.tsx
View File

@@ -11,9 +11,10 @@ interface Props {
autoPlay?: boolean; autoPlay?: boolean;
disabled?: boolean; disabled?: boolean;
onEnd?: () => void; onEnd?: () => void;
disablePause?: boolean;
} }
export default function AudioPlayer({src, color, autoPlay = false, disabled = false, onEnd}: Props) { export default function AudioPlayer({src, color, autoPlay = false, disabled = false, onEnd, disablePause = false}: Props) {
const [isPlaying, setIsPlaying] = useState(false); const [isPlaying, setIsPlaying] = useState(false);
const [duration, setDuration] = useState(0); const [duration, setDuration] = useState(0);
const [currentTime, setCurrentTime] = useState(0); const [currentTime, setCurrentTime] = useState(0);
@@ -62,8 +63,8 @@ export default function AudioPlayer({src, color, autoPlay = false, disabled = fa
<div className="w-full h-fit flex gap-4 items-center mt-2"> <div className="w-full h-fit flex gap-4 items-center mt-2">
{isPlaying && ( {isPlaying && (
<BsPauseFill <BsPauseFill
className={clsx("text-mti-gray-cool cursor-pointer w-5 h-5", disabled && "opacity-60 cursor-not-allowed")} className={clsx("text-mti-gray-cool cursor-pointer w-5 h-5", (disabled || disablePause) && "opacity-60 cursor-not-allowed")}
onClick={disabled ? undefined : togglePlayPause} onClick={disabled || disablePause ? undefined : togglePlayPause}
/> />
)} )}
{!isPlaying && ( {!isPlaying && (

1
src/exams/Listening.tsx
View File

@@ -107,6 +107,7 @@ export default function Listening({exam, showSolutions = false, onFinish}: Props
color="listening" color="listening"
onEnd={() => setTimesListened((prev) => prev + 1)} onEnd={() => setTimesListened((prev) => prev + 1)}
disabled={timesListened === exam.audio.repeatableTimes} disabled={timesListened === exam.audio.repeatableTimes}
disablePause
/> />
</div> </div>
</div> </div>