From 546b008b2e2bb7b3063b703d449d2125779ab4c9 Mon Sep 17 00:00:00 2001
From: frost768 <droidplus99@gmail.com>
Date: Mon, 10 Apr 2023 22:10:11 +0300
Subject: [PATCH] show text when no caption language is selected

---
 src/setup/iso6391.ts        |  2 +-
 src/views/SettingsModal.tsx | 14 ++++++--------
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/setup/iso6391.ts b/src/setup/iso6391.ts
index 0d12f39c..c20580b8 100644
--- a/src/setup/iso6391.ts
+++ b/src/setup/iso6391.ts
@@ -217,7 +217,7 @@ export const captionLanguages: CaptionLanguageOption[] = [
     id: "none",
     englishName: "None",
     name: "None",
-    nativeName: "None",
+    nativeName: "No caption language selected",
   },
   {
     id: "aa",
diff --git a/src/views/SettingsModal.tsx b/src/views/SettingsModal.tsx
index 073e03c9..49f06194 100644
--- a/src/views/SettingsModal.tsx
+++ b/src/views/SettingsModal.tsx
@@ -130,14 +130,12 @@ export default function SettingsModal(props: {
             </div>
             <div className="flex w-full flex-col justify-center">
               <div className="flex aspect-video flex-col justify-end rounded bg-zinc-800">
-                {selectedCaptionLanguage.id !== "none" ? (
-                  <div className="pointer-events-none flex w-full flex-col items-center transition-[bottom]">
-                    <CaptionCue
-                      scale={0.5}
-                      text={selectedCaptionLanguage.nativeName}
-                    />
-                  </div>
-                ) : null}
+                <div className="pointer-events-none flex w-full flex-col items-center transition-[bottom]">
+                  <CaptionCue
+                    scale={0.5}
+                    text={selectedCaptionLanguage.nativeName}
+                  />
+                </div>
               </div>
             </div>
           </div>