From c61e1e0a2a8b3f64d889d31703b7c8deebaa55b9 Mon Sep 17 00:00:00 2001
From: Alex <33497058+bexsoft@users.noreply.github.com>
Date: Mon, 17 Jun 2024 16:02:13 -0600
Subject: [PATCH] Added debounce to Share file fields (#3388)

Signed-off-by: Benjamin Perez <benjamin@bexsoft.net>
---
 .../ListBuckets/Objects/ObjectDetails/ShareFile.tsx        | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

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<boolean>(true);
   const [versionID, setVersionID] = useState<string>("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"
               />
             </Grid>