refactor: Delete Component - deprecate 'setDeleting'

Author: RohitRaj011

src/Common/DeleteComponentModal/DeleteComponent.tsx

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import React, { useState } from 'react'
+import { useState } from 'react'
 import { useHistory } from 'react-router-dom'
 import info from '../../Assets/Icon/ic-info-filled.svg'
 import { ConfirmationDialog, DeleteDialog } from '../Dialogs'
@@ -42,7 +42,7 @@ const DeleteComponent = ({
     const { push } = useHistory()
 
     async function handleDelete() {
-        setDeleting(true)
+        setDeleting?.(true)
         setIsDeleting(true)
         try {
             await deleteComponent(payload)
@@ -66,7 +66,7 @@ const DeleteComponent = ({
                 showError(serverError)
             }
         } finally {
-            setDeleting(false)
+            setDeleting?.(false)
             setIsDeleting(false)
         }
     }

src/Common/DeleteComponentModal/types.ts

@@ -15,7 +15,10 @@
  */
 
 export interface DeleteComponentProps {
-    setDeleting: (boolean) => void
+    /**
+     * @deprecated - Delete component internally handles loading for the `Delete Button`.
+     */
+    setDeleting?: (boolean) => void
     toggleConfirmation: any
     deleteComponent: (any) => Promise<any>
     title: string