show text when no caption language is selected

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",

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]">
-                  <div className="pointer-events-none flex w-full flex-col items-center transition-[bottom]">
+                  <CaptionCue
-                    <CaptionCue
+                    scale={0.5}
-                      scale={0.5}
+                    text={selectedCaptionLanguage.nativeName}
-                      text={selectedCaptionLanguage.nativeName}
+                  />
-                    />
+                </div>
-                  </div>
-                ) : null}
               </div>
             </div>
           </div>