does that fix the keyboard disappearing?

This commit is contained in:
Violet Caulfield
2025-01-24 21:38:18 -06:00
parent 9a901dca5a
commit 7c34289e3a
3 changed files with 9 additions and 13 deletions
+1 -1
View File
@@ -10,7 +10,7 @@ import { QueryConfig } from "../query.config";
* @param searchString The search term to look up against
* @returns A promise of a BaseItemDto array, be it empty or not
*/
export async function search(searchString: string | undefined) : Promise<BaseItemDto[]> {
export async function fetchSearchResults(searchString: string | undefined) : Promise<BaseItemDto[]> {
return new Promise((resolve, reject) => {
console.debug("Searching Jellyfin for items")
-8
View File
@@ -1,8 +0,0 @@
import { QueryKeys } from "../../enums/query-keys";
import { useQuery } from "@tanstack/react-query";
import { search } from "./functions/search";
export const useSearch = (searchString: string | undefined) => useQuery({
queryKey: [QueryKeys.Search, searchString],
queryFn: () => search(searchString)
})
+8 -4
View File
@@ -1,11 +1,13 @@
import React, { useCallback, useEffect, useState } from "react";
import React, { useCallback, useState } from "react";
import Input from "../Global/helpers/input";
import { debounce } from "lodash";
import { useSearch } from "../../api/queries/search";
import Item from "../Global/components/item";
import { NativeStackNavigationProp } from "@react-navigation/native-stack";
import { StackParamList } from "../types";
import { FlatList } from "react-native";
import { QueryKeys } from "../../enums/query-keys";
import { fetchSearchResults } from "@/api/queries/functions/search";
import { useQuery } from "@tanstack/react-query";
export default function Search({
navigation
@@ -15,7 +17,10 @@ export default function Search({
const [searchString, setSearchString] = useState<string | undefined>(undefined);
const { data: items, refetch, isFetched, isFetching } = useSearch(searchString)
const { data: items, refetch, isFetched, isFetching } = useQuery({
queryKey: [QueryKeys.Search, searchString],
queryFn: () => fetchSearchResults(searchString)
})
const search = useCallback(
debounce(() => {
@@ -42,7 +47,6 @@ export default function Search({
)
}}
data={items}
refreshing={isFetching}
renderItem={({ index, item }) => {
return (
<Item item={item} queueName={searchString ?? "Search"} navigation={navigation} />