diff options
| author | MohamedBassem <me@mbassem.com> | 2024-03-13 05:21:29 +0000 |
|---|---|---|
| committer | MohamedBassem <me@mbassem.com> | 2024-03-13 05:40:42 +0000 |
| commit | a91ebf1353432d8dced29049b26df5eea7ee39d9 (patch) | |
| tree | bf4d002035d1d6d50b61289663054f034ef40372 /packages/mobile/app/dashboard/(tabs)/search.tsx | |
| parent | 7be5c64e9ff015fdd31498bd80df9fd7f51d1977 (diff) | |
| download | karakeep-a91ebf1353432d8dced29049b26df5eea7ee39d9.tar.zst | |
mobile: Bump version to 1.1.0
Diffstat (limited to 'packages/mobile/app/dashboard/(tabs)/search.tsx')
| -rw-r--r-- | packages/mobile/app/dashboard/(tabs)/search.tsx | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/packages/mobile/app/dashboard/(tabs)/search.tsx b/packages/mobile/app/dashboard/(tabs)/search.tsx new file mode 100644 index 00000000..0cc16716 --- /dev/null +++ b/packages/mobile/app/dashboard/(tabs)/search.tsx @@ -0,0 +1,33 @@ +import { keepPreviousData } from "@tanstack/react-query"; +import { useState } from "react"; +import { View } from "react-native"; +import { useDebounce } from "use-debounce"; + +import BookmarkList from "@/components/bookmarks/BookmarkList"; +import { Input } from "@/components/ui/Input"; +import { api } from "@/lib/trpc"; + +export default function Search() { + const [search, setSearch] = useState(""); + + const [query] = useDebounce(search, 200); + + const { data } = api.bookmarks.searchBookmarks.useQuery( + { text: query }, + { placeholderData: keepPreviousData }, + ); + + return ( + <View className="flex gap-2 p-2"> + <Input + placeholder="Search" + className="bg-white" + value={search} + onChangeText={setSearch} + autoFocus + autoCapitalize="none" + /> + {data && <BookmarkList ids={data.bookmarks.map((b) => b.id)} />} + </View> + ); +} |
