From 791fd1896e23908b31005de4c7d8beffa4329af8 Mon Sep 17 00:00:00 2001
From: an-lee <an.lee.work@gmail.com>
Date: Thu, 25 Jul 2024 15:04:12 +0800
Subject: [PATCH] improve UI

---
 enjoy/src/i18n/en.json                                    | 2 ++
 enjoy/src/i18n/zh-CN.json                                 | 2 ++
 enjoy/src/renderer/components/medias/media-caption.tsx    | 2 +-
 .../renderer/components/medias/media-loading-modal.tsx    | 2 +-
 .../medias/media-transcription-generate-button.tsx        | 2 +-
 .../components/transcriptions/transcriptions-list.tsx     | 8 ++++----
 6 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/enjoy/src/i18n/en.json b/enjoy/src/i18n/en.json
index 2895cc3c..15031893 100644
--- a/enjoy/src/i18n/en.json
+++ b/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}}",
diff --git a/enjoy/src/i18n/zh-CN.json b/enjoy/src/i18n/zh-CN.json
index 93acb3a6..b289c69e 100644
--- a/enjoy/src/i18n/zh-CN.json
+++ b/enjoy/src/i18n/zh-CN.json
@@ -208,6 +208,8 @@
   "inputMixinId": "请输入您的 Mixin ID",
   "dontHaveMixinAccount": "没有 Mixin 账号？",
   "youCanAlsoLoginWith": "您也可以使用以下方式登录",
+  "downloadTranscript": "下载字幕",
+  "downloadTranscriptFromCloud": "从云端下载字幕",
   "transcribe": "语音转文本",
   "stillTranscribing": "语音转文本仍在进行中，请耐心等候。",
   "unableToSetLibraryPath": "无法设置资源库保存路径 {{path}}",
diff --git a/enjoy/src/renderer/components/medias/media-caption.tsx b/enjoy/src/renderer/components/medias/media-caption.tsx
index afc0aff2..2e57b722 100644
--- a/enjoy/src/renderer/components/medias/media-caption.tsx
+++ b/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 = [
diff --git a/enjoy/src/renderer/components/medias/media-loading-modal.tsx b/enjoy/src/renderer/components/medias/media-loading-modal.tsx
index 60e04e4a..fe52e1dd 100644
--- a/enjoy/src/renderer/components/medias/media-loading-modal.tsx
+++ b/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
diff --git a/enjoy/src/renderer/components/medias/media-transcription-generate-button.tsx b/enjoy/src/renderer/components/medias/media-transcription-generate-button.tsx
index e17efd4d..638dcf7f 100644
--- a/enjoy/src/renderer/components/medias/media-transcription-generate-button.tsx
+++ b/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
diff --git a/enjoy/src/renderer/components/transcriptions/transcriptions-list.tsx b/enjoy/src/renderer/components/transcriptions/transcriptions-list.tsx
index f3dda832..42ba3bf0 100644
--- a/enjoy/src/renderer/components/transcriptions/transcriptions-list.tsx
+++ b/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>