This is an automated email from the ASF dual-hosted git repository. marat pushed a commit to branch main in repository https://gitbox.apache.org/repos/asf/camel-karavan.git
The following commit(s) were added to refs/heads/main by this push: new 69f9829 Style fix 69f9829 is described below commit 69f98294d002b4d8aa99d74ce93d8291114aa7d3 Author: Marat Gubaidullin <marat.gubaidul...@gmail.com> AuthorDate: Wed Nov 2 16:20:17 2022 -0400 Style fix --- karavan-designer/src/designer/KaravanDesigner.tsx | 5 +++-- karavan-designer/src/designer/route/RouteDesigner.tsx | 9 ++++----- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/karavan-designer/src/designer/KaravanDesigner.tsx b/karavan-designer/src/designer/KaravanDesigner.tsx index 685995c..a5a9f22 100644 --- a/karavan-designer/src/designer/KaravanDesigner.tsx +++ b/karavan-designer/src/designer/KaravanDesigner.tsx @@ -94,7 +94,7 @@ export class KaravanDesigner extends React.Component<Props, State> { downloadImage(){ if(this.state.routeDesignerRef){ - this.state.routeDesignerRef.current.IntegrationImageDownload(); + this.state.routeDesignerRef.current.integrationImageDownload(); } } @@ -111,7 +111,8 @@ export class KaravanDesigner extends React.Component<Props, State> { </Tabs> {tab === 'routes' && <RouteDesigner integration={this.state.integration} onSave={(integration, propertyOnly) => this.save(integration, propertyOnly)} - dark={this.props.dark} ref={this.state.routeDesignerRef}/>} + dark={this.props.dark} + ref={this.state.routeDesignerRef}/>} {tab === 'rest' && <RestDesigner integration={this.state.integration} onSave={(integration, propertyOnly) => this.save(integration, propertyOnly)} dark={this.props.dark}/>} diff --git a/karavan-designer/src/designer/route/RouteDesigner.tsx b/karavan-designer/src/designer/route/RouteDesigner.tsx index d7f9a36..35e77eb 100644 --- a/karavan-designer/src/designer/route/RouteDesigner.tsx +++ b/karavan-designer/src/designer/route/RouteDesigner.tsx @@ -338,23 +338,22 @@ export class RouteDesigner extends React.Component<Props, State> { a.click(); } - IntegrationImageDownloadFilter = (node: HTMLElement) => { + integrationImageDownloadFilter = (node: HTMLElement) => { const exclusionClasses = ['add-flow']; return !exclusionClasses.some(classname => { return node.classList === undefined ? false: node.classList.contains(classname); }); } - IntegrationImageDownload() { + integrationImageDownload() { if (this.state.printerRef.current === null) { return } - toPng(this.state.printerRef.current, { style:{overflow:'hidden'}, cacheBust: true, filter: this.IntegrationImageDownloadFilter, + toPng(this.state.printerRef.current, { style:{overflow:'hidden'}, cacheBust: true, filter: this.integrationImageDownloadFilter, height:this.state.height,width:this.state.width, backgroundColor: this.props.dark?"black":"white" }).then(v => { - toPng(this.state.printerRef.current, { style:{overflow:'hidden'}, cacheBust: true, filter: this.IntegrationImageDownloadFilter, + toPng(this.state.printerRef.current, { style:{overflow:'hidden'}, cacheBust: true, filter: this.integrationImageDownloadFilter, height:this.state.height,width:this.state.width, backgroundColor: this.props.dark?"black":"white" }).then(this.downloadIntegrationImage); }) - } getGraph() {