add prompt box and audio to finishExperiment screen

task-launcher/src/tasks/shared/trials/finishExperiment.js

@@ -1,12 +1,16 @@
 import { jsPsych } from "../../taskSetup";
-import { taskStore } from "../helpers";
+import { taskStore, PageAudioHandler } from "../helpers";
+import { mediaAssets} from '../../..'; 
 
 
 export function finishExperiment() {
     const t = taskStore().translations;
     jsPsych.endExperiment(
-      `<div id="prompt-container-text">
-                <p id="prompt">${t?.taskCompletion || 'Thank you for completing the task! You can now close the window.'}</p>
-            </div>`,
-    ); // ToDo: style text and add audio message?
+        `<div class='instructions-container'>
+            <div class='lev-row-container instruction'>
+                <h1 class='instructions-title'>${t.taskFinished}</h1>
+            </div>
+        </div>`,
+        PageAudioHandler.playAudio(mediaAssets.audio.taskFinished)
+    ); 
 }

task-launcher/src/tasks/shared/trials/taskFinished.js

@@ -16,7 +16,7 @@ export const taskFinished = {
         <div class='instructions-container'>
           <div class='lev-row-container instruction'>
             <h1 class='instructions-title'>${t.taskFinished}</h1>
-          </div>'
+          </div>
             <footer>${t.generalFooter}</footer>
         </div>`;
   },