enhancement: settings for servers are disabled if the server is not enabled in source node

Author: mahendraintelops

ui/src/components/diagram-maker/edge-properties/new-edge-properties.tsx

@@ -383,12 +383,21 @@ export const NewEdgeProperties = (props: NewEdgePropertiesProps) => {
         });
     };
 
+    const isRestServerDisabled = () => {
+        const edgeConfig: CompageEdge = parsedCurrentConfig.edges[props.edgeId];
+        const srcNode: CompageNode = parsedModifiedState.nodes[edgeConfig?.src];
+        if (srcNode && srcNode.consumerData && srcNode.consumerData.restConfig && srcNode.consumerData.restConfig.server) {
+            return srcNode.consumerData.restConfig.server.port === "";
+        }
+        return true;
+    };
+
     const getRestServerCheck = () => {
         return <React.Fragment>
             <FormControlLabel
                 label="Rest Server"
                 control={<Checkbox
-                    size="medium" checked={payload.isRestServer}
+                    size="medium" disabled={isRestServerDisabled()} checked={payload.isRestServer}
                     onChange={handleIsRestServerChange}
                 />}
             />
@@ -432,11 +441,21 @@ export const NewEdgeProperties = (props: NewEdgePropertiesProps) => {
         });
     };
 
+    const isGrpcServerDisabled = () => {
+        const edgeConfig: CompageEdge = parsedCurrentConfig.edges[props.edgeId];
+        const srcNode: CompageNode = parsedModifiedState.nodes[edgeConfig?.src];
+        if (srcNode && srcNode.consumerData && srcNode.consumerData.grpcConfig && srcNode.consumerData.grpcConfig.server) {
+            return srcNode.consumerData.grpcConfig.server.port === "";
+        }
+        return true;
+    };
+
     const getGrpcServerCheck = () => {
         return <React.Fragment>
             <FormControlLabel
                 label="Grpc Server"
                 control={<Checkbox
+                    disabled={isGrpcServerDisabled()}
                     size="medium" checked={payload.isGrpcServer}
                     onChange={handleIsGrpcServerChange}
                 />}

ui/src/components/diagram-maker/node-properties/new-node-properties.tsx

@@ -233,7 +233,7 @@ export const NewNodeProperties = (props: NewNodePropertiesProps) => {
     };
 
     const getRestServerPort = (template: string, port: string) => {
-        return isCompageTemplate(template) ? port || "8080" : "8080";
+        return isCompageTemplate(template) ? port : "8080";
     };
 
     // TODO this is a hack as there is no NODE_UPDATE action in diagram-maker. We may later update this impl when we fork diagram-maker repo.