aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
Diffstat
-rw-r--r--apps/mobile/components/ui/SearchInput/SearchInput.ios.tsx14
-rw-r--r--apps/mobile/components/ui/SearchInput/SearchInput.tsx14
-rw-r--r--apps/mobile/package.json1
-rw-r--r--pnpm-lock.yaml36
4 files changed, 12 insertions, 53 deletions
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>
diff --git a/apps/mobile/package.json b/apps/mobile/package.json
index 61c6ec6e..8a942349 100644
--- a/apps/mobile/package.json
+++ b/apps/mobile/package.json
@@ -22,7 +22,6 @@
"@react-native-menu/menu": "^1.2.4",
"@rn-primitives/hooks": "^1.3.0",
"@rn-primitives/slot": "^1.2.0",
- "@roninoss/icons": "^0.0.4",
"@shopify/flash-list": "^2.0.3",
"@tanstack/react-query": "^5.80.3",
"class-variance-authority": "^0.7.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 841cacfb..e81712c6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -329,9 +329,6 @@ importers:
'@rn-primitives/slot':
specifier: ^1.2.0
version: 1.2.0(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0))(react@19.1.0)
- '@roninoss/icons':
- specifier: ^0.0.4
- version: 0.0.4(expo@53.0.20(@babel/core@7.26.0)(@expo/metro-runtime@5.0.4(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0)))(react-native-webview@13.14.1(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0))(react@19.1.0))(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0))(react@19.1.0))(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0))(react@19.1.0)
'@shopify/flash-list':
specifier: ^2.0.3
version: 2.0.3(@babel/runtime@7.28.3)(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0))(react@19.1.0)
@@ -3359,9 +3356,6 @@ packages:
'@expo/sudo-prompt@9.3.2':
resolution: {integrity: sha512-HHQigo3rQWKMDzYDLkubN5WQOYXJJE2eNqIQC2axC2iO3mHdwnIR7FgZVvHWtBwAdzBgAP0ECp8KqS8TiMKvgw==}
- '@expo/vector-icons@13.0.0':
- resolution: {integrity: sha512-TI+l71+5aSKnShYclFa14Kum+hQMZ86b95SH6tQUG3qZEmLTarvWpKwqtTwQKqvlJSJrpFiSFu3eCuZokY6zWA==}
-
'@expo/vector-icons@14.1.0':
resolution: {integrity: sha512-7T09UE9h8QDTsUeMGymB4i+iqvtEeaO5VvUjryFB4tugDTG/bkzViWA74hm5pfjjDEhYMXWaX112mcvhccmIwQ==}
peerDependencies:
@@ -5165,12 +5159,6 @@ packages:
cpu: [x64]
os: [win32]
- '@roninoss/icons@0.0.4':
- resolution: {integrity: sha512-NtLj98Mk+iFk3fCcxl2XzhWWD5xHgqWdxgrI7ws8KNrOlCvNNgHCHzSFEJPipXxy1fTc0c4ZgJWZsfofKsbnWQ==}
- peerDependencies:
- react: '*'
- react-native: '*'
-
'@rushstack/node-core-library@5.13.1':
resolution: {integrity: sha512-5yXhzPFGEkVc9Fu92wsNJ9jlvdwz4RNb2bMso+/+TH0nMm1jDDDsOIf4l8GAkPxGuwPw5DH24RliWVfSPhlW/Q==}
peerDependencies:
@@ -13477,13 +13465,6 @@ packages:
resolution: {integrity: sha512-upi/0ZGkYgEcLeGieoz8gT74oWHA0E7JivX7aN9mAf+Tc7BQoRBvnIGHoPDw+f9TXTW4s6kGYCZJtauP6OYp7g==}
hasBin: true
- sweet-sfsymbols@0.7.2:
- resolution: {integrity: sha512-+Dwjb7LwHWIOVfAMgrDI5+iDtAGSXGgD3ACiqqf1gtm+eLY9uVL7gDPR6VWm5bhFPOyXQy2mijUZN70mu8l1dw==}
- peerDependencies:
- expo: '*'
- react: '*'
- react-native: '*'
-
swr@2.3.4:
resolution: {integrity: sha512-bYd2lrhc+VarcpkgWclcUi92wYCpOgMws9Sd1hG1ntAu0NEy+14CbotuFjshBU2kt9rYj9TSmDcybpxpeTU1fg==}
peerDependencies:
@@ -18070,8 +18051,6 @@ snapshots:
'@expo/sudo-prompt@9.3.2': {}
- '@expo/vector-icons@13.0.0': {}
-
'@expo/vector-icons@14.1.0(expo-font@13.3.2(expo@53.0.20(@babel/core@7.26.0)(@expo/metro-runtime@5.0.4(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0)))(react-native-webview@13.14.1(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0))(react@19.1.0))(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0))(react@19.1.0))(react@19.1.0))(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0))(react@19.1.0)':
dependencies:
expo-font: 13.3.2(expo@53.0.20(@babel/core@7.26.0)(@expo/metro-runtime@5.0.4(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0)))(react-native-webview@13.14.1(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0))(react@19.1.0))(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0))(react@19.1.0))(react@19.1.0)
@@ -20000,15 +19979,6 @@ snapshots:
'@rollup/rollup-win32-x64-msvc@4.42.0':
optional: true
- '@roninoss/icons@0.0.4(expo@53.0.20(@babel/core@7.26.0)(@expo/metro-runtime@5.0.4(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0)))(react-native-webview@13.14.1(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0))(react@19.1.0))(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0))(react@19.1.0))(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0))(react@19.1.0)':
- dependencies:
- '@expo/vector-icons': 13.0.0
- react: 19.1.0
- react-native: 0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0)
- sweet-sfsymbols: 0.7.2(expo@53.0.20(@babel/core@7.26.0)(@expo/metro-runtime@5.0.4(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0)))(react-native-webview@13.14.1(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0))(react@19.1.0))(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0))(react@19.1.0))(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0))(react@19.1.0)
- transitivePeerDependencies:
- - expo
-
'@rushstack/node-core-library@5.13.1(@types/node@22.15.30)':
dependencies:
ajv: 8.13.0
@@ -30166,12 +30136,6 @@ snapshots:
transitivePeerDependencies:
- encoding
- sweet-sfsymbols@0.7.2(expo@53.0.20(@babel/core@7.26.0)(@expo/metro-runtime@5.0.4(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0)))(react-native-webview@13.14.1(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0))(react@19.1.0))(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0))(react@19.1.0))(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0))(react@19.1.0):
- dependencies:
- expo: 53.0.20(@babel/core@7.26.0)(@expo/metro-runtime@5.0.4(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0)))(react-native-webview@13.14.1(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0))(react@19.1.0))(react-native@0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0))(react@19.1.0)
- react: 19.1.0
- react-native: 0.79.3(@babel/core@7.26.0)(@types/react@19.1.8)(react@19.1.0)
-
swr@2.3.4(react@19.1.0):
dependencies:
dequal: 2.0.3
generated by cgit v1.2.3-70-g09d2 (git 2.46.0) at 2026-01-29 09:17:19 +0000