Dbz 4146 (debezium#399)

* use backend call to get the transform list * update * removed mock data * Adding api error handling * Review fix
ilyas-data · Nov 8, 2021 · a50ff96 · a50ff96
1 parent e3e8e4c
commit a50ff96
Show file tree

Hide file tree

Showing 9 changed files with 176 additions and 355 deletions.
diff --git a/ui/packages/services/src/connector/connector.service.ts b/ui/packages/services/src/connector/connector.service.ts
@@ -189,4 +189,14 @@ export class ConnectorService extends BaseService {
         return this.httpPost(endpoint, body);
     }    
 
+    /**
+     * Get the transform list and their properties for supplied clusterId
+     */
+       public getTransform(clusterId: number): Promise<any[]> {
+        this.logger?.info("[ConnectorService] Getting the list of transform.");
+
+        const endpoint: string = this.endpoint("/:clusterId/transforms.json", { clusterId });
+        return this.httpGet<Connector[]>(endpoint);
+    }
+
 }
diff --git a/ui/packages/ui/assets/mockResponse/transform.json b/ui/packages/ui/assets/mockResponse/transform.json
diff --git a/ui/packages/ui/src/app/components/transformHelpers/TransformCard.tsx b/ui/packages/ui/src/app/components/transformHelpers/TransformCard.tsx
@@ -227,7 +227,9 @@ export const TransformCard = React.forwardRef<any, ITransformCardProps>((props,
               )}
             </SplitItem>
             <SplitItem>
+            <Tooltip content={<div>{t('deleteTransform')}</div>}>
               <Button variant="link" icon={<TrashIcon />} onClick={deleteCard} id="tooltip-selector" />
+              </Tooltip>
             </SplitItem>
           </Split>
         </div>

diff --git a/ui/packages/ui/src/app/components/transformHelpers/TransformConfig.tsx b/ui/packages/ui/src/app/components/transformHelpers/TransformConfig.tsx
@@ -73,9 +73,10 @@ export const TransformConfig = React.forwardRef<any, ITransformConfigProps>((pro
     } else if (key.type === 'INT') {
       basicValidationSchema[key.name] = Yup.string();
     }
-    if (key.isMandatory) {
-      basicValidationSchema[key.name] = basicValidationSchema[key.name].required(`${key.displayName} required`);
-    }
+    // TODO: isMandatory is missing in backend response
+    // if (key.isMandatory) {
+    //   basicValidationSchema[key.name] = basicValidationSchema[key.name].required(`${key.title} required`);
+    // }
   });
   const validationSchema = Yup.object().shape({ ...basicValidationSchema });
 

diff --git a/ui/packages/ui/src/app/pages/createConnector/CreateConnectorComponent.tsx b/ui/packages/ui/src/app/pages/createConnector/CreateConnectorComponent.tsx
@@ -719,6 +719,7 @@ export const CreateConnectorComponent: React.FunctionComponent<ICreateConnectorC
               updateTransformValues={handleTransformsUpdate}
               setIsTransformDirty={setIsTransformDirty}
               selectedConnectorType={selectedConnectorType || ''}
+              clusterId={props.clusterId}
             />
           </>
         ),