chore: updated usage of tv scaling, alert text fix

Sweep across a few pages to ensure they use the scaling factors now
Added a plugin to fix the alert text on android tv

Signed-off-by: Lance Chant <13349722+lancechant@users.noreply.github.com>
This commit is contained in:
Lance Chant
2026-05-22 15:00:13 +02:00
parent 5fd8e40c44
commit 03f17a758f
47 changed files with 528 additions and 389 deletions

View File

@@ -4,6 +4,7 @@ import { useTranslation } from "react-i18next";
import { View } from "react-native";
import { Text } from "@/components/common/Text";
import { useScaledTVTypography } from "@/constants/TVTypography";
import { scaleSize } from "@/utils/scaleSize";
export interface TVCastCrewTextProps {
director?: BaseItemPerson | null;
@@ -22,18 +23,18 @@ export const TVCastCrewText: React.FC<TVCastCrewTextProps> = React.memo(
}
return (
<View style={{ marginBottom: 32 }}>
<View style={{ marginBottom: scaleSize(32) }}>
<Text
style={{
fontSize: typography.heading,
fontWeight: "600",
color: "#FFFFFF",
marginBottom: 16,
marginBottom: scaleSize(16),
}}
>
{t("item_card.cast_and_crew")}
</Text>
<View style={{ flexDirection: "row", gap: 40 }}>
<View style={{ flexDirection: "row", gap: scaleSize(40) }}>
{director && (
<View>
<Text
@@ -42,7 +43,7 @@ export const TVCastCrewText: React.FC<TVCastCrewTextProps> = React.memo(
color: "#6B7280",
textTransform: "uppercase",
letterSpacing: 1,
marginBottom: 4,
marginBottom: scaleSize(4),
}}
>
{t("item_card.director")}
@@ -60,7 +61,7 @@ export const TVCastCrewText: React.FC<TVCastCrewTextProps> = React.memo(
color: "#6B7280",
textTransform: "uppercase",
letterSpacing: 1,
marginBottom: 4,
marginBottom: scaleSize(4),
}}
>
{t("item_card.cast")}