Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-19 05:19:39 +02:00
Code Issues Releases Activity

refactor(gitops): migrate git form to react [EE-4849] (#8268)

Browse source
This commit is contained in:
Chaim Lev-Ari 2023-02-23 01:43:33 +05:30 • committed by GitHub
parent afe6cd6df0
commit 273a3f9a10
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
130 changed files with 3194 additions and 1190 deletions
Download patch file Download diff file Expand all files Collapse all files

19
app/react/hooks/useDebounce.ts
View file

@ -1,21 +1,22 @@
import _ from 'lodash';
import { useState, useRef, useCallback } from 'react';
import { useState, useRef, useCallback, useEffect } from 'react';
export function useDebounce(
defaultValue: string,
onChange: (value: string) => void
) {
const [searchValue, setSearchValue] = useState(defaultValue);
export function useDebounce(value: string, onChange: (value: string) => void) {
const [debouncedValue, setDebouncedValue] = useState(value);
const onChangeDebounces = useRef(_.debounce(onChange, 300));
const handleChange = useCallback(
(value: string) => {
setSearchValue(value);
setDebouncedValue(value);
onChangeDebounces.current(value);
},
[onChangeDebounces, setSearchValue]
[onChangeDebounces, setDebouncedValue]
);
return [searchValue, handleChange] as const;
useEffect(() => {
setDebouncedValue(value);
}, [value]);
return [debouncedValue, handleChange] as const;
}