Files
ArtisanConnectFrontend/ArtisanConnect/components/SearchSection.jsx
2025-06-03 20:31:16 +02:00

31 lines
838 B
JavaScript

import { Input, InputField, InputIcon, InputSlot } from "@/components/ui/input"
import { SearchIcon } from "@/components/ui/icon"
import { Box } from "@/components/ui/box"
import { useRouter } from "expo-router";
export function SearchSection({ searchQuery, setSearchQuery }) {
const router = useRouter();
const handleSubmit = (e) => {
const value = e.nativeEvent.text;
router.push({
pathname: "/notices",
params: { search: value }
});
};
return (
<Box className="m-2 bg-white">
<Input>
<InputSlot>
<InputIcon as={SearchIcon} />
</InputSlot>
<InputField placeholder="Wyszukaj.."
value={searchQuery}
onChangeText={setSearchQuery}
onSubmitEditing={handleSubmit}
returnKeyType="search" />
</Input>
</Box>
)
}