diff --git a/web-app/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/ShareFile.tsx b/web-app/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/ShareFile.tsx index 7d98b9c2e..02092a6f0 100644 --- a/web-app/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/ShareFile.tsx +++ b/web-app/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/ShareFile.tsx @@ -40,6 +40,7 @@ import { api } from "api"; import { errorToHandler } from "api/errors"; import { getMaxShareLinkExpTime } from "screens/Console/ObjectBrowser/objectBrowserThunks"; import { maxShareLinkExpTime } from "screens/Console/ObjectBrowser/objectBrowserSlice"; +import debounce from "lodash/debounce"; interface IShareFileProps { open: boolean; @@ -64,7 +65,7 @@ const ShareFile = ({ const [dateValid, setDateValid] = useState(true); const [versionID, setVersionID] = useState("null"); - const dateChanged = (newDate: string, isValid: boolean) => { + const debouncedDateChange = debounce((newDate: string, isValid: boolean) => { setDateValid(isValid); if (isValid) { setSelectedDate(newDate); @@ -72,7 +73,7 @@ const ShareFile = ({ } setSelectedDate(""); setShareURL(""); - }; + }, 300); useEffect(() => { dispatch(getMaxShareLinkExpTime()); @@ -214,7 +215,7 @@ const ShareFile = ({ id="date" label="Active for" maxSeconds={maxShareLinkExpTimeVal} - onChange={dateChanged} + onChange={debouncedDateChange} entity="Link" />