From 6cc90b46b398b91a0aa4115159b147ede5357fb9 Mon Sep 17 00:00:00 2001
From: herrrta <73949927+herrrta@users.noreply.github.com>
Date: Fri, 7 Feb 2025 21:57:13 -0500
Subject: [PATCH] TV: fix navigation on login (#494)

---
 components/common/Input.tsx | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/components/common/Input.tsx b/components/common/Input.tsx
index d82a3225..637023bc 100644
--- a/components/common/Input.tsx
+++ b/components/common/Input.tsx
@@ -1,10 +1,24 @@
 import React from "react";
-import { TextInput, TextInputProps } from "react-native";
+import {Platform, TextInput, TextInputProps, TouchableOpacity} from "react-native";
 export function Input(props: TextInputProps) {
   const { style, ...otherProps } = props;
   const inputRef = React.useRef<TextInput>(null);
 
-  return (
+  return Platform.isTV ? (
+      <TouchableOpacity
+        onFocus={() => inputRef?.current?.focus?.()}
+      >
+        <TextInput
+          ref={inputRef}
+          className="p-4  rounded-xl bg-neutral-900"
+          allowFontScaling={false}
+          style={[{ color: "white" }, style]}
+          placeholderTextColor={"#9CA3AF"}
+          clearButtonMode="while-editing"
+          {...otherProps}
+        />
+      </TouchableOpacity>
+  ) : (
     <TextInput
       ref={inputRef}
       className="p-4  rounded-xl bg-neutral-900"
@@ -14,5 +28,5 @@ export function Input(props: TextInputProps) {
       clearButtonMode="while-editing"
       {...otherProps}
     />
-  );
+  )
 }