From fb16a42eb5150ab35c0dfcf43d98075002a29381 Mon Sep 17 00:00:00 2001
From: Henriette Rudi Moe <henriette.moe@tietoevry.com>
Date: Wed, 3 May 2023 18:39:25 +0200
Subject: [PATCH] use overallFeedback

---
 src/components/ScorePage/ScorePage.tsx             | 9 +++++++--
 src/components/VocabularyDrill/VocabularyDrill.tsx | 3 ++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/ScorePage/ScorePage.tsx b/src/components/ScorePage/ScorePage.tsx
index d42c4f3e..2402b32d 100644
--- 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
index 3139a091..e9b9ebe2 100644
--- 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}
             />
           )}