improve UI

enjoy/src/i18n/en.json

@@ -208,6 +208,8 @@
   "inputMixinId": "Input your Mixin ID",
   "dontHaveMixinAccount": "don't have Mixin account?",
   "youCanAlsoLoginWith": "You can also login with",
+  "downloadTranscript": "Download transcript",
+  "downloadTranscriptFromCloud": "Download transcript from cloud",
   "transcribe": "Transcribe",
   "stillTranscribing": "AI is still working on the transcription. Please wait for a while.",
   "unableToSetLibraryPath": "Unable to set library path to {{path}}",

enjoy/src/i18n/zh-CN.json

@@ -208,6 +208,8 @@
   "inputMixinId": "请输入您的 Mixin ID",
   "dontHaveMixinAccount": "没有 Mixin 账号？",
   "youCanAlsoLoginWith": "您也可以使用以下方式登录",
+  "downloadTranscript": "下载字幕",
+  "downloadTranscriptFromCloud": "从云端下载字幕",
   "transcribe": "语音转文本",
   "stillTranscribing": "语音转文本仍在进行中，请耐心等候。",
   "unableToSetLibraryPath": "无法设置资源库保存路径 {{path}}",

enjoy/src/renderer/components/medias/media-caption.tsx

@@ -270,7 +270,7 @@ export const MediaCaption = () => {
       resize: editingRegion,
     });
 
-    activeRegion.remove();
+    activeRegion?.remove();
     setActiveRegion(region);
 
     const subscriptions = [

enjoy/src/renderer/components/medias/media-loading-modal.tsx

@@ -53,7 +53,7 @@ export const MediaLoadingModal = () => {
             <Tabs defaultValue="transcribe">
               <TabsList className="w-full grid grid-cols-2 mb-4">
                 <TabsTrigger value="transcribe">{t("transcribe")}</TabsTrigger>
-                <TabsTrigger value="download">{t("download")}</TabsTrigger>
+                <TabsTrigger value="download">{t("downloadTranscript")}</TabsTrigger>
               </TabsList>
               <TabsContent value="transcribe">
                 <TranscriptionCreateForm

enjoy/src/renderer/components/medias/media-transcription-generate-button.tsx

@@ -67,7 +67,7 @@ export const MediaTranscriptionGenerateButton = (props: {
         <Tabs defaultValue="transcribe">
           <TabsList className="w-full grid grid-cols-2 mb-4">
             <TabsTrigger value="transcribe">{t("transcribe")}</TabsTrigger>
-            <TabsTrigger value="download">{t("download")}</TabsTrigger>
+            <TabsTrigger value="download">{t("downloadTranscript")}</TabsTrigger>
           </TabsList>
           <TabsContent value="transcribe">
             <TranscriptionCreateForm

enjoy/src/renderer/components/transcriptions/transcriptions-list.tsx

@@ -1,7 +1,4 @@
-import {
-  AppSettingsProviderContext,
-  MediaPlayerProviderContext,
-} from "@renderer/context";
+import { AppSettingsProviderContext } from "@renderer/context";
 import { useContext, useEffect, useState } from "react";
 import { LoaderSpin } from "@renderer/components";
 import {
@@ -89,6 +86,9 @@ export const TranscriptionsList = (props: {
 
   return (
     <div className="">
+      <div className="mb-4 text-sm text-muted-foreground">
+        {t("downloadTranscriptFromCloud")}:
+      </div>
       <Table>
         <TableHeader>
           <TableRow>