mirror of
https://github.com/Jellify-Music/App.git
synced 2026-04-24 03:49:11 -05:00
does that fix the keyboard disappearing?
This commit is contained in:
@@ -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")
|
||||
|
||||
@@ -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)
|
||||
})
|
||||
@@ -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} />
|
||||
|
||||
Reference in New Issue
Block a user