toast err when assess failed

enjoy/src/renderer/components/recordings/recording-detail.tsx

@@ -3,7 +3,7 @@ import {
   PronunciationAssessmentFulltextResult,
   PronunciationAssessmentScoreResult,
 } from "@renderer/components";
-import { Separator, ScrollArea } from "@renderer/components/ui";
+import { Separator, ScrollArea, toast } from "@renderer/components/ui";
 import { useState, useContext, useEffect } from "react";
 import { AppSettingsProviderContext } from "@renderer/context";
 import { Tooltip } from "react-tooltip";
@@ -33,9 +33,14 @@ export const RecordingDetail = (props: {
     if (result) return;
 
     setAssessing(true);
-    EnjoyApp.recordings.assess(recording.id, learningLanguage).finally(() => {
-      setAssessing(false);
-    });
+    EnjoyApp.recordings
+      .assess(recording.id, learningLanguage)
+      .catch((err) => {
+        toast.error(err.message);
+      })
+      .finally(() => {
+        setAssessing(false);
+      });
   };
 
   useEffect(() => {