From ed86f7ef012fb558fe8a8974e1e162ce75cbfd15 Mon Sep 17 00:00:00 2001
From: Mohamed Bassem <me@mbassem.com>
Date: Tue, 26 Aug 2025 15:47:05 +0300
Subject: feat(mobile): Retheme the mobile app (#1872)

* Add nativewindui

* migrate to nativewindui text

* Replace buttons with nativewindui buttons

* Use nativewindui search input

* fix the divider color

* More changes

* fix manage tag icon

* fix styling of bookmark card

* fix ios compilation

* fix search clear

* fix tag pill border color

* Store theme setting in app settings

* fix setting color appearance

* fix coloring of search input

* fix following system theme

* add a save button to info

* fix the grey colors on android

* fix icon active tint color

* drop the use of TextField
---
 apps/mobile/components/ui/Input.tsx | 25 +++++++++----------------
 1 file changed, 9 insertions(+), 16 deletions(-)

(limited to 'apps/mobile/components/ui/Input.tsx')

diff --git a/apps/mobile/components/ui/Input.tsx b/apps/mobile/components/ui/Input.tsx
index 2bd5e190..7f3a48e5 100644
--- a/apps/mobile/components/ui/Input.tsx
+++ b/apps/mobile/components/ui/Input.tsx
@@ -1,10 +1,9 @@
 import type { TextInputProps } from "react-native";
 import { forwardRef } from "react";
-import { ActivityIndicator, Text, TextInput, View } from "react-native";
+import { ActivityIndicator, TextInput, View } from "react-native";
+import { Text } from "@/components/ui/Text";
 import { cn } from "@/lib/utils";
 
-import { TailwindResolver } from "../TailwindResolver";
-
 export interface InputProps extends TextInputProps {
   label?: string;
   labelClasses?: string;
@@ -22,20 +21,14 @@ export const Input = forwardRef<TextInput, InputProps>(
         {label && (
           <Text className={cn("text-base", labelClasses)}>{label}</Text>
         )}
-        <TailwindResolver
-          className="text-gray-400"
-          comp={(styles) => (
-            <TextInput
-              ref={ref}
-              placeholderTextColor={styles?.color?.toString()}
-              className={cn(
-                "bg-background text-foreground",
-                inputClasses,
-                "rounded-lg border border-input px-4 py-2.5",
-              )}
-              {...props}
-            />
+        <TextInput
+          ref={ref}
+          className={cn(
+            "flex h-10 w-full min-w-0 flex-row items-center rounded-md border border-input text-base leading-5 text-foreground shadow-sm shadow-black/5 dark:bg-input/30 sm:h-9",
+            "rounded-lg border border-input px-4 py-2.5 placeholder:text-muted-foreground/50",
+            inputClasses,
           )}
+          {...props}
         />
         {loading && (
           <ActivityIndicator className="absolute bottom-0 right-0 p-2" />
-- 
cgit v1.2.3-70-g09d2

