github-mirrors/radarr
1
0
Fork 0
mirror of https://github.com/Radarr/Radarr.git synced 2025-06-28 09:17:54 -04:00
Code Issues Projects Releases Packages Wiki Activity

Fixed: Loading suggestions for header search input

Browse source
This commit is contained in:
Bogdan 2025-05-15 14:48:40 +03:00
parent 9bee9841c1
commit c82404c75b
5 changed files with 11 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/Components/Form/Tag/TagInput.tsx
View file

@ -14,7 +14,7 @@ import {
RenderSuggestion, RenderSuggestion,
SuggestionsFetchRequestedParams, SuggestionsFetchRequestedParams,
} from 'react-autosuggest'; } from 'react-autosuggest';
import useDebouncedCallback from 'Helpers/Hooks/useDebouncedCallback'; import { useDebouncedCallback } from 'use-debounce';
import { Kind } from 'Helpers/Props/kinds'; import { Kind } from 'Helpers/Props/kinds';
import { InputChanged } from 'typings/inputs'; import { InputChanged } from 'typings/inputs';
import AutoSuggestInput from '../AutoSuggestInput'; import AutoSuggestInput from '../AutoSuggestInput';

4
frontend/src/Components/Page/Header/MovieSearchInput.tsx
View file

@ -13,10 +13,10 @@ import React, {
import Autosuggest from 'react-autosuggest'; import Autosuggest from 'react-autosuggest';
import { useDispatch, useSelector } from 'react-redux'; import { useDispatch, useSelector } from 'react-redux';
import { createSelector } from 'reselect'; import { createSelector } from 'reselect';
import { useDebouncedCallback } from 'use-debounce';
import { Tag } from 'App/State/TagsAppState'; import { Tag } from 'App/State/TagsAppState';
import Icon from 'Components/Icon'; import Icon from 'Components/Icon';
import LoadingIndicator from 'Components/Loading/LoadingIndicator'; import LoadingIndicator from 'Components/Loading/LoadingIndicator';
import useDebouncedCallback from 'Helpers/Hooks/useDebouncedCallback';
import useKeyboardShortcuts from 'Helpers/Hooks/useKeyboardShortcuts'; import useKeyboardShortcuts from 'Helpers/Hooks/useKeyboardShortcuts';
import { icons } from 'Helpers/Props'; import { icons } from 'Helpers/Props';
import Movie from 'Movie/Movie'; import Movie from 'Movie/Movie';
@ -187,6 +187,8 @@ function MovieSearchInput() {
); );
const requestSuggestions = useDebouncedCallback((value: string) => { const requestSuggestions = useDebouncedCallback((value: string) => {
console.warn({ value });
if (!isLoading.current) { if (!isLoading.current) {
return; return;
} }

16
frontend/src/Helpers/Hooks/useDebouncedCallback.tsx
View file

@ -1,16 +0,0 @@
import { debounce, DebouncedFunc, DebounceSettings } from 'lodash';
import { useCallback } from 'react';
// eslint-disable-next-line @typescript-eslint/no-explicit-any
export default function useDebouncedCallback<T extends (...args: any) => any>(
callback: T,
delay: number,
options?: DebounceSettings
): DebouncedFunc<T> {
// eslint-disable-next-line react-hooks/exhaustive-deps
return useCallback(debounce(callback, delay, options), [
callback,
delay,
options,
]);
}

3
package.json
View file

@ -85,7 +85,8 @@
"reselect": "4.1.8", "reselect": "4.1.8",
"stacktrace-js": "2.0.2", "stacktrace-js": "2.0.2",
"swiper": "8.3.2", "swiper": "8.3.2",
"typescript": "5.7.2" "typescript": "5.7.2",
"use-debounce": "10.0.4"
}, },
"devDependencies": { "devDependencies": {
"@babel/core": "7.27.1", "@babel/core": "7.27.1",

5
yarn.lock
View file

@ -7037,6 +7037,11 @@ use-callback-ref@^1.3.0:
dependencies: dependencies:
tslib "^2.0.0" tslib "^2.0.0"
use-debounce@10.0.4:
version "10.0.4"
resolved "https://registry.yarnpkg.com/use-debounce/-/use-debounce-10.0.4.tgz#2135be498ad855416c4495cfd8e0e130bd33bb24"
integrity sha512-6Cf7Yr7Wk7Kdv77nnJMf6de4HuDE4dTxKij+RqE9rufDsI6zsbjyAxcH5y2ueJCQAnfgKbzXbZHYlkFwmBlWkw==
use-sidecar@^1.1.2: use-sidecar@^1.1.2:
version "1.1.3" version "1.1.3"
resolved "https://registry.yarnpkg.com/use-sidecar/-/use-sidecar-1.1.3.tgz#10e7fd897d130b896e2c546c63a5e8233d00efdb" resolved "https://registry.yarnpkg.com/use-sidecar/-/use-sidecar-1.1.3.tgz#10e7fd897d130b896e2c546c63a5e8233d00efdb"