diff --git a/src/components/micro_learning/MicroLearningContainer.jsx b/src/components/micro_learning/MicroLearningContainer.jsx index 141e28a..57d2db5 100644 --- a/src/components/micro_learning/MicroLearningContainer.jsx +++ b/src/components/micro_learning/MicroLearningContainer.jsx @@ -1,4 +1,5 @@ import React, { useState } from 'react'; +import { useNavigate } from 'react-router-dom'; import ConceptExplainer from './ConceptExplainer'; import ScenarioQuiz from './ScenarioQuiz'; import FlashcardSet from './FlashcardSet'; @@ -8,6 +9,7 @@ import { useMicroLearningCompletions } from '../../hooks/useMicroLearningComplet export default function MicroLearningContainer({ microLearning, sessionWeek, onCompletedSuccessfully }) { const { recordCompletion } = useMicroLearningCompletions(); const [completed, setCompleted] = useState(false); + const navigate = useNavigate(); const handleComplete = async () => { if (completed) return; // Prevent double recording @@ -52,9 +54,17 @@ export default function MicroLearningContainer({ microLearning, sessionWeek, onC {renderComponent()} {completed && ( -
-

Micro Learning Completed!

-

Your progress has been recorded.

+
+
+

Micro Learning Completed!

+

Your progress has been recorded.

+
+
)}