From e7c9f392b9e7f232b0836b9d3d3f00cbfdf215b8 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Sun, 31 Aug 2025 16:15:53 +0100
Subject: deps: Drop ronionoss icons

---
 apps/mobile/components/ui/SearchInput/SearchInput.ios.tsx | 14 +++++++++-----
 apps/mobile/components/ui/SearchInput/SearchInput.tsx     | 14 +++-----------
 2 files changed, 12 insertions(+), 16 deletions(-)

(limited to 'apps/mobile/components/ui')

diff --git a/apps/mobile/components/ui/SearchInput/SearchInput.ios.tsx b/apps/mobile/components/ui/SearchInput/SearchInput.ios.tsx
index 969e48b2..0b1dd76c 100644
--- a/apps/mobile/components/ui/SearchInput/SearchInput.ios.tsx
+++ b/apps/mobile/components/ui/SearchInput/SearchInput.ios.tsx
@@ -11,11 +11,11 @@ import Animated, {
   useDerivedValue,
   withTiming,
 } from "react-native-reanimated";
+import { TailwindResolver } from "@/components/TailwindResolver";
 import { Text } from "@/components/ui/Text";
-import { useColorScheme } from "@/lib/useColorScheme";
 import { cn } from "@/lib/utils";
 import { useAugmentedRef, useControllableState } from "@rn-primitives/hooks";
-import { Icon } from "@roninoss/icons";
+import { SearchIcon } from "lucide-react-native";
 
 import type { SearchInputProps } from "./types";
 
@@ -38,13 +38,12 @@ const SearchInput = React.forwardRef<
       containerClassName,
       iconContainerClassName,
       className,
-      iconColor,
+      iconColor: _iconColor,
       onCancel,
       ...props
     },
     ref,
   ) => {
-    const { colors } = useColorScheme();
     const inputRef = useAugmentedRef({ ref, methods: { focus, blur, clear } });
     const [showCancel, setShowCancel] = React.useState(false);
     const showCancelDerivedValue = useDerivedValue(
@@ -140,7 +139,12 @@ const SearchInput = React.forwardRef<
               iconContainerClassName,
             )}
           >
-            <Icon color={iconColor ?? colors.grey3} name="magnify" size={22} />
+            <TailwindResolver
+              className="text-muted"
+              comp={(styles) => (
+                <SearchIcon color={styles?.color?.toString()} size={20} />
+              )}
+            />
           </View>
           <TextInput
             ref={inputRef}
diff --git a/apps/mobile/components/ui/SearchInput/SearchInput.tsx b/apps/mobile/components/ui/SearchInput/SearchInput.tsx
index 7e816ab6..e028a07e 100644
--- a/apps/mobile/components/ui/SearchInput/SearchInput.tsx
+++ b/apps/mobile/components/ui/SearchInput/SearchInput.tsx
@@ -6,7 +6,7 @@ import { Button } from "@/components/ui/Button";
 import { useColorScheme } from "@/lib/useColorScheme";
 import { cn } from "@/lib/utils";
 import { useAugmentedRef, useControllableState } from "@rn-primitives/hooks";
-import { Icon } from "@roninoss/icons";
+import { SearchIcon, XIcon } from "lucide-react-native";
 
 import type { SearchInputProps } from "./types";
 
@@ -64,11 +64,7 @@ const SearchInput = React.forwardRef<
           <TailwindResolver
             className="text-muted"
             comp={(styles) => (
-              <Icon
-                color={styles?.color?.toString()}
-                name="magnify"
-                size={24}
-              />
+              <SearchIcon color={styles?.color?.toString()} size={24} />
             )}
           />
         </View>
@@ -94,11 +90,7 @@ const SearchInput = React.forwardRef<
               <TailwindResolver
                 className="text-muted"
                 comp={(styles) => (
-                  <Icon
-                    name="close"
-                    size={24}
-                    color={styles?.color?.toString()}
-                  />
+                  <XIcon size={24} color={styles?.color?.toString()} />
                 )}
               />
             </Pressable>
-- 
cgit v1.2.3-70-g09d2