UI: Fix for #7791 (#7817)

* - Changed the method for editing the test suite pipeline from PATCH to PUT
- Provided option to redploy the pipeline in the table

* Worked on comments

openmetadata-ui/src/main/resources/ui/src/components/AddDataQualityTest/TestSuiteIngestion.tsx

@@ -12,7 +12,6 @@
  */
 import { Col, Row, Typography } from 'antd';
 import { AxiosError } from 'axios';
-import { compare } from 'fast-json-patch';
 import { camelCase, isEmpty } from 'lodash';
 import React, { useEffect, useMemo, useState } from 'react';
 import { useHistory, useParams } from 'react-router-dom';
@@ -20,7 +19,7 @@ import {
   addIngestionPipeline,
   checkAirflowStatus,
   deployIngestionPipelineById,
-  patchIngestionPipeline,
+  updateIngestionPipeline as putIngestionPipeline,
 } from '../../axiosAPIs/ingestionPipelineAPI';
 import {
   DEPLOYED_PROGRESS_VAL,
@@ -137,24 +136,38 @@ const TestSuiteIngestion: React.FC<TestSuiteIngestionProps> = ({
   };
 
   const updateIngestionPipeline = async (repeatFrequency: string) => {
-    const updatedPipeline = {
+    const {
-      ...ingestionPipeline,
+      airflowConfig,
+      description,
+      displayName,
+      loggerLevel,
+      name,
+      owner,
+      pipelineType,
+      service,
+      sourceConfig,
+    } = ingestionPipeline as IngestionPipeline;
+
+    const updatedPipelineData = {
       airflowConfig: {
-        ...ingestionPipeline?.airflowConfig,
+        ...airflowConfig,
         scheduleInterval: isEmpty(repeatFrequency)
           ? undefined
           : repeatFrequency,
       },
+      description,
+      displayName,
+      loggerLevel,
+      name,
+      owner,
+      pipelineType,
+      service,
+      sourceConfig,
     };
-    const jsonPatch = compare(
+
-      ingestionPipeline as IngestionPipeline,
-      updatedPipeline
-    );
-    if (jsonPatch.length) {
     try {
-        const response = await patchIngestionPipeline(
+      const response = await putIngestionPipeline(
-          ingestionPipeline?.id || '',
+        updatedPipelineData as CreateIngestionPipeline
-          jsonPatch
       );
       handleIngestionDeploy(response.id);
     } catch (error) {
@@ -163,7 +176,6 @@ const TestSuiteIngestion: React.FC<TestSuiteIngestionProps> = ({
         jsonData['api-error-messages']['update-ingestion-error']
       );
     }
-    }
   };
 
   const handleIngestionSubmit = (repeatFrequency: string) => {

openmetadata-ui/src/main/resources/ui/src/components/TestSuitePipelineTab/TestSuitePipelineTab.component.tsx

@@ -203,13 +203,16 @@ const TestSuitePipelineTab = () => {
     }
   };
 
-  const handleDeployIngestion = async (id: string) => {
+  const handleDeployIngestion = async (id: string, reDeployed: boolean) => {
     setCurrDeployId({ id, state: 'waiting' });
 
     try {
       await deployIngestionPipelineById(id);
       setCurrDeployId({ id, state: 'success' });
       setTimeout(() => setCurrDeployId({ id: '', state: '' }), 1500);
+      showSuccessToast(
+        `Pipeline ${reDeployed ? 'Re Deployed' : 'Deployed'} successfully`
+      );
     } catch (error) {
       setCurrDeployId({ id: '', state: '' });
       showErrorToast(
@@ -222,6 +225,7 @@ const TestSuitePipelineTab = () => {
   const getTriggerDeployButton = (ingestion: IngestionPipeline) => {
     if (ingestion.deployed) {
       return (
+        <>
           <Tooltip title={editPermission ? 'Run' : NO_PERMISSION_FOR_ACTION}>
             <Button
               data-testid="run"
@@ -241,6 +245,28 @@ const TestSuitePipelineTab = () => {
               )}
             </Button>
           </Tooltip>
+          {separator}
+          <Tooltip
+            title={editPermission ? 'Re Deploy' : NO_PERMISSION_FOR_ACTION}>
+            <Button
+              data-testid="re-deploy-btn"
+              disabled={!editPermission}
+              type="link"
+              onClick={() =>
+                handleDeployIngestion(ingestion.id as string, true)
+              }>
+              {currDeployId.id === ingestion.id ? (
+                currDeployId.state === 'success' ? (
+                  <FontAwesomeIcon icon="check" />
+                ) : (
+                  <Loader size="small" type="default" />
+                )
+              ) : (
+                'Re Deploy'
+              )}
+            </Button>
+          </Tooltip>
+        </>
       );
     } else {
       return (
@@ -249,7 +275,9 @@ const TestSuitePipelineTab = () => {
             data-testid="deploy"
             disabled={!editPermission}
             type="link"
-            onClick={() => handleDeployIngestion(ingestion.id as string)}>
+            onClick={() =>
+              handleDeployIngestion(ingestion.id as string, false)
+            }>
             {currDeployId.id === ingestion.id ? (
               currDeployId.state === 'success' ? (
                 <FontAwesomeIcon icon="check" />
@@ -507,7 +535,14 @@ const TestSuitePipelineTab = () => {
     ];
 
     return column;
-  }, [airFlowEndPoint, isKillModalOpen, isLogsModalOpen, selectedPipeline]);
+  }, [
+    airFlowEndPoint,
+    isKillModalOpen,
+    isLogsModalOpen,
+    selectedPipeline,
+    currDeployId,
+    currTriggerId,
+  ]);
 
   if (isLoading) {
     return <Loader />;