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>
             )}