Resolve CE-2153 "Disabling controll buttons"

Disabling control buttons in order to prevent accidental double action-run (like deployment, undeployment,...)

src/components/IOC/ChangeHostAdmin/ChangeHostAdmin.js

@@ -26,7 +26,8 @@ export default function ChangeHostAdmin({
   ioc,
   getIOC,
   resetTab,
-  buttonDisabled
+  buttonDisabled,
+  setButtonDisabled
 }) {
   const initHost = useMemo(
     () => ({
@@ -72,16 +73,18 @@ export default function ChangeHostAdmin({
 
   useEffect(() => {
     if (updateHostError) {
+      setButtonDisabled(false);
       setError(updateHostError?.message);
     }
-  }, [updateHostError, setError]);
+  }, [updateHostError, setError, setButtonDisabled]);
 
   useEffect(() => {
     if (updatedIoc) {
       getIOC();
       resetTab();
+      setButtonDisabled(false);
     }
-  }, [updatedIoc, getIOC, resetTab]);
+  }, [updatedIoc, getIOC, resetTab, setButtonDisabled]);
 
   useEffect(() => {
     getHosts({ query: transformHostQuery(`${query}`) });
@@ -93,6 +96,7 @@ export default function ChangeHostAdmin({
   }, [setOpen, initHost]);
 
   const onConfirm = useCallback(() => {
+    setButtonDisabled(true);
     updateHost(
       {
         ioc_id: ioc.id
@@ -103,7 +107,7 @@ export default function ChangeHostAdmin({
         }
       }
     );
-  }, [updateHost, ioc, host?.csEntryHost?.id]);
+  }, [updateHost, ioc, host?.csEntryHost?.id, setButtonDisabled]);
 
   let disabledButtonTitle = "";
   if (buttonDisabled || ioc.operationInProgress) {