From c2158143595b58081eb21fc7db468dde57874a9d Mon Sep 17 00:00:00 2001
From: an-lee <an.lee.work@gmail.com>
Date: Fri, 6 Sep 2024 19:50:25 +0800
Subject: [PATCH] fix transcription create form

---
 .../transcription-create-form.tsx             | 26 ++++++++++++-------
 1 file changed, 17 insertions(+), 9 deletions(-)

diff --git a/enjoy/src/renderer/components/transcriptions/transcription-create-form.tsx b/enjoy/src/renderer/components/transcriptions/transcription-create-form.tsx
index ae82533c..befd3085 100644
--- a/enjoy/src/renderer/components/transcriptions/transcription-create-form.tsx
+++ b/enjoy/src/renderer/components/transcriptions/transcription-create-form.tsx
@@ -34,10 +34,11 @@ import { LANGUAGES } from "@/constants";
 import { ChevronDownIcon, ChevronUpIcon, LoaderIcon } from "lucide-react";
 import { parseText } from "media-captions";
 import { milisecondsToTimestamp } from "@/utils";
+import { SttEngineOptionEnum } from "@/types/enums";
 
 const transcriptionSchema = z.object({
   language: z.string(),
-  service: z.string(),
+  service: z.union([z.nativeEnum(SttEngineOptionEnum), z.literal("upload")]),
   text: z.string().optional(),
   isolate: z.boolean().optional(),
 });
@@ -165,23 +166,30 @@ export const TranscriptionCreateForm = (props: {
                   <SelectValue />
                 </SelectTrigger>
                 <SelectContent>
-                  <SelectItem value="local">{t("local")}</SelectItem>
-                  <SelectItem value="azure">{t("enjoyAzure")}</SelectItem>
-                  <SelectItem value="cloudflare">
+                  <SelectItem value={SttEngineOptionEnum.LOCAL}>
+                    {t("local")}
+                  </SelectItem>
+                  <SelectItem value={SttEngineOptionEnum.ENJOY_AZURE}>
+                    {t("enjoyAzure")}
+                  </SelectItem>
+                  <SelectItem value={SttEngineOptionEnum.ENJOY_CLOUDFLARE}>
                     {t("enjoyCloudflare")}
                   </SelectItem>
-                  <SelectItem value="openai">OpenAI</SelectItem>
+                  <SelectItem value={SttEngineOptionEnum.OPENAI}>
+                    OpenAI
+                  </SelectItem>
                   <SelectItem value="upload">{t("upload")}</SelectItem>
                 </SelectContent>
               </Select>
               <FormDescription>
-                {form.watch("service") === "local" &&
+                {form.watch("service") === SttEngineOptionEnum.LOCAL &&
                   t("localSpeechToTextDescription")}
-                {form.watch("service") === "azure" &&
+                {form.watch("service") === SttEngineOptionEnum.ENJOY_AZURE &&
                   t("enjoyAzureSpeechToTextDescription")}
-                {form.watch("service") === "cloudflare" &&
+                {form.watch("service") ===
+                  SttEngineOptionEnum.ENJOY_CLOUDFLARE &&
                   t("enjoyCloudflareSpeechToTextDescription")}
-                {form.watch("service") === "openai" &&
+                {form.watch("service") === SttEngineOptionEnum.OPENAI &&
                   t("openaiSpeechToTextDescription")}
                 {form.watch("service") === "upload" &&
                   t("uploadSpeechToTextDescription")}