From 61b9e58774d114810e2159e1b7e7ecca5e30a990 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 1 Sep 2025 04:36:55 +0000
Subject: [PATCH] Fix subtitle dropdown UI defacement by improving text
 handling

Co-authored-by: lostb1t <168401+lostb1t@users.noreply.github.com>
---
 components/SubtitleTrackSelector.tsx | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/components/SubtitleTrackSelector.tsx b/components/SubtitleTrackSelector.tsx
index de3f4697..2d99bde7 100644
--- a/components/SubtitleTrackSelector.tsx
+++ b/components/SubtitleTrackSelector.tsx
@@ -1,7 +1,6 @@
 import type { MediaSourceInfo } from "@jellyfin/sdk/lib/generated-client/models";
 import { useMemo } from "react";
 import { Platform, TouchableOpacity, View } from "react-native";
-import { tc } from "@/utils/textTools";
 
 const DropdownMenu = !Platform.isTV ? require("zeego/dropdown-menu") : null;
 
@@ -37,7 +36,7 @@ export const SubtitleTrackSelector: React.FC<Props> = ({
       className='flex col shrink justify-start place-self-start items-start'
       style={{
         minWidth: 60,
-        maxWidth: 200,
+        maxWidth: 220,
       }}
     >
       <DropdownMenu.Root>
@@ -47,10 +46,8 @@ export const SubtitleTrackSelector: React.FC<Props> = ({
               {t("item_card.subtitles")}
             </Text>
             <TouchableOpacity className='bg-neutral-900  h-10 rounded-xl border-neutral-800 border px-3 py-2 flex flex-row items-center justify-between'>
-              <Text className=' '>
-                {selectedSubtitleSteam
-                  ? tc(selectedSubtitleSteam?.DisplayTitle, 7)
-                  : t("item_card.none")}
+              <Text className=' ' numberOfLines={1}>
+                {selectedSubtitleSteam?.DisplayTitle || t("item_card.none")}
               </Text>
             </TouchableOpacity>
           </View>