upd: redesign

components/inputSearch.tsx

@@ -2,7 +2,7 @@ import { useTheme } from "@/providers/ThemeProvider";
 import { Feather } from "@expo/vector-icons";
 import { InputForm } from "./inputForm";
 
-export default function InputSearch({ onChange, width, value }: { onChange?: (val: string) => void, width?: number, value?: string }) {
+export default function InputSearch({ onChange, width, value, bg }: { onChange?: (val: string) => void, width?: number, value?: string, bg?: string }) {
    const { colors } = useTheme();
    return (
       <InputForm
@@ -12,7 +12,7 @@ export default function InputSearch({ onChange, width, value }: { onChange?: (va
          itemLeft={<Feather name="search" size={20} color={colors.dimmed} />}
          onChange={onChange}
          width={width}
-         bg="white"
+         bg={bg}
          value={value}
          mb={false}
       />