use overallFeedback

NDLANO · May 4, 2023 · fb16a42 · fb16a42
1 parent c2e5fb7
commit fb16a42
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/components/ScorePage/ScorePage.tsx b/src/components/ScorePage/ScorePage.tsx
@@ -1,28 +1,33 @@
+import { H5P } from 'h5p-utils';
 import React, { FC } from 'react';
 import { ScoreBar } from "../ScoreBar/ScoreBar";
 
 type ScorePageProps = {
   score: number;
   maxScore: number;
+  overallFeedbacks: {}[] | undefined;
   onRestart: () => void;
 };
 
 export const ScorePage: FC<ScorePageProps> = ({
   score,
   maxScore,
+  overallFeedbacks,
   onRestart,
 }) => {
   // TODO: fix label, helpText, and scoreExplanation
   // TODO: translate 'Restart'
+  const overallFeedback = (H5P as any).Question.determineOverallFeedback(overallFeedbacks, score / maxScore) ?? 'Your score is';
   return (
     <div className="h5p-vocabulary-drill-score-page">
-      <h2>Great job!</h2>
+      <h2>{overallFeedback}</h2>
       <ScoreBar
         maxScore={maxScore}
         score={score}
         label=''
         helpText=''
-        scoreExplanation='' />
+        scoreExplanation=''
+      />
       <button
         type="button"
         className="h5p-joubelui-button h5p-vocabulary-drill-restart"

diff --git a/src/components/VocabularyDrill/VocabularyDrill.tsx b/src/components/VocabularyDrill/VocabularyDrill.tsx
@@ -136,7 +136,7 @@ export const VocabularyDrill: FC<VocabularyDrillProps> = ({
   onTrigger,
   onPageChange,
 }) => {
-  const { behaviour, sourceLanguage, targetLanguage } = params;
+  const { behaviour, sourceLanguage, targetLanguage, overallFeedback } = params;
 
   const {
     answerMode,
@@ -413,6 +413,7 @@ export const VocabularyDrill: FC<VocabularyDrillProps> = ({
             <ScorePage
               score={score}
               maxScore={maxScore}
+              overallFeedbacks={overallFeedback}
               onRestart={handleRestart}
             />
           )}