From 75cb4e4eb078f91852cf44c4a10b14a2d46c95fd Mon Sep 17 00:00:00 2001
From: an-lee <an.lee.work@gmail.com>
Date: Wed, 24 Jul 2024 11:45:20 +0800
Subject: [PATCH] fix undefined issue

---
 .../renderer/components/medias/media-current-recording.tsx  | 6 ++----
 enjoy/src/renderer/components/medias/media-provider.tsx     | 2 +-
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/enjoy/src/renderer/components/medias/media-current-recording.tsx b/enjoy/src/renderer/components/medias/media-current-recording.tsx
index 50433947..c451dac5 100644
--- a/enjoy/src/renderer/components/medias/media-current-recording.tsx
+++ b/enjoy/src/renderer/components/medias/media-current-recording.tsx
@@ -64,9 +64,7 @@ export const MediaCurrentRecording = () => {
     currentTime: mediaCurrentTime,
   } = useContext(MediaPlayerProviderContext);
   const { webApi, EnjoyApp } = useContext(AppSettingsProviderContext);
-  const { currentHotkeys } = useContext(
-    HotKeysSettingsProviderContext
-  );
+  const { currentHotkeys } = useContext(HotKeysSettingsProviderContext);
   const [player, setPlayer] = useState(null);
   const [regions, setRegions] = useState<Regions | null>(null);
   const [currentTime, setCurrentTime] = useState(0);
@@ -423,7 +421,7 @@ export const MediaCurrentRecording = () => {
   }, [currentRecording, isRecording, layout?.width]);
 
   useHotkeys(currentHotkeys.PlayOrPauseRecording, () => {
-    document.getElementById("recording-play-or-pause-button").click();
+    document.getElementById("recording-play-or-pause-button")?.click();
   });
   useHotkeys(currentHotkeys.PronunciationAssessment, () => {
     setDetailIsOpen(!detailIsOpen);
diff --git a/enjoy/src/renderer/components/medias/media-provider.tsx b/enjoy/src/renderer/components/medias/media-provider.tsx
index f10ef6f8..a7006643 100644
--- a/enjoy/src/renderer/components/medias/media-provider.tsx
+++ b/enjoy/src/renderer/components/medias/media-provider.tsx
@@ -29,7 +29,7 @@ export const MediaProvider = () => {
   const player = useRef<MediaPlayerInstance>(null);
 
   useEffect(() => {
-    if (!transcription?.result) return;
+    if (!transcription?.result?.timeline) return;
     if (!player?.current) return;
 
     const srt = transcription.result.timeline