From daef3a4fa137a609936c6f49eddaac800a2db307 Mon Sep 17 00:00:00 2001
From: an-lee <an.lee.work@gmail.com>
Date: Mon, 19 Feb 2024 22:05:16 +0800
Subject: [PATCH] tweak UI

---
 .../src/renderer/components/audios/audio-detail.tsx  | 12 +++++++++---
 .../src/renderer/components/videos/video-detail.tsx  | 12 +++++++++---
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/enjoy/src/renderer/components/audios/audio-detail.tsx b/enjoy/src/renderer/components/audios/audio-detail.tsx
index 11e3451b..35e634a3 100644
--- a/enjoy/src/renderer/components/audios/audio-detail.tsx
+++ b/enjoy/src/renderer/components/audios/audio-detail.tsx
@@ -348,9 +348,15 @@ export const AudioDetail = (props: { id?: string; md5?: string }) => {
                 <PingPoint colorClassName="bg-muted" />
                 <div className="inline">
                   <span>{t("notTranscribedYet")}</span>
-                  <Button className="ml-4" size="sm">
-                    {t("transcribe")}
-                  </Button>
+                  {initialized && (
+                    <Button
+                      onClick={generateTranscription}
+                      className="ml-4"
+                      size="sm"
+                    >
+                      {t("transcribe")}
+                    </Button>
+                  )}
                 </div>
               </div>
             )}
diff --git a/enjoy/src/renderer/components/videos/video-detail.tsx b/enjoy/src/renderer/components/videos/video-detail.tsx
index ee2b9ca2..44e3e083 100644
--- a/enjoy/src/renderer/components/videos/video-detail.tsx
+++ b/enjoy/src/renderer/components/videos/video-detail.tsx
@@ -361,9 +361,15 @@ export const VideoDetail = (props: { id?: string; md5?: string }) => {
                 <PingPoint colorClassName="bg-muted" />
                 <div className="inline">
                   <span>{t("notTranscribedYet")}</span>
-                  <Button className="ml-4" size="sm">
-                    {t("transcribe")}
-                  </Button>
+                  {initialized && (
+                    <Button
+                      onClick={generateTranscription}
+                      className="ml-4"
+                      size="sm"
+                    >
+                      {t("transcribe")}
+                    </Button>
+                  )}
                 </div>
               </div>
             )}