(camel-karavan) branch main updated: Aggregator Cobbelation Expression

[marat]

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 7f4e0bfd Aggregator Cobbelation Expression
7f4e0bfd is described below

commit 7f4e0bfd534b95023f2c169caade0e607236b1f6
Author: Marat Gubaidullin <ma...@talismancloud.io>
AuthorDate: Tue Mar 19 12:20:29 2024 -0400

    Aggregator Cobbelation Expression
---
 .../src/main/webui/src/designer/property/property/DslPropertyField.tsx | 3 ++-
 karavan-designer/src/designer/property/property/DslPropertyField.tsx   | 3 ++-
 karavan-space/src/designer/property/property/DslPropertyField.tsx      | 3 ++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git 
a/karavan-app/src/main/webui/src/designer/property/property/DslPropertyField.tsx
 
b/karavan-app/src/main/webui/src/designer/property/property/DslPropertyField.tsx
index 86240ed7..9ba23d2e 100644
--- 
a/karavan-app/src/main/webui/src/designer/property/property/DslPropertyField.tsx
+++ 
b/karavan-app/src/main/webui/src/designer/property/property/DslPropertyField.tsx
@@ -208,10 +208,11 @@ export function DslPropertyField(props: Props) {
             const className = value ? "change-button delete-button" : 
"change-button add-button";
             const x = value ? undefined : 
CamelDefinitionApi.createStep(property.type, {});
             const meta = 
CamelMetadataApi.getCamelModelMetadataByClassName(property.type);
+            const title = meta?.title || property.displayName;
             const icon = value ? (<DeleteIcon/>) : (<AddIcon/>);
             return (
                 <div style={{display: "flex"}}>
-                    <Text>{meta?.title} </Text>
+                    <Text>{title}</Text>
                     <Tooltip position={"top"} content={<div>{tooltip}</div>}>
                         <button className={className} onClick={e => 
props.onPropertyChange?.(property.name, x)}
                                 aria-label="Add element">
diff --git 
a/karavan-designer/src/designer/property/property/DslPropertyField.tsx 
b/karavan-designer/src/designer/property/property/DslPropertyField.tsx
index 86240ed7..9ba23d2e 100644
--- a/karavan-designer/src/designer/property/property/DslPropertyField.tsx
+++ b/karavan-designer/src/designer/property/property/DslPropertyField.tsx
@@ -208,10 +208,11 @@ export function DslPropertyField(props: Props) {
             const className = value ? "change-button delete-button" : 
"change-button add-button";
             const x = value ? undefined : 
CamelDefinitionApi.createStep(property.type, {});
             const meta = 
CamelMetadataApi.getCamelModelMetadataByClassName(property.type);
+            const title = meta?.title || property.displayName;
             const icon = value ? (<DeleteIcon/>) : (<AddIcon/>);
             return (
                 <div style={{display: "flex"}}>
-                    <Text>{meta?.title} </Text>
+                    <Text>{title}</Text>
                     <Tooltip position={"top"} content={<div>{tooltip}</div>}>
                         <button className={className} onClick={e => 
props.onPropertyChange?.(property.name, x)}
                                 aria-label="Add element">
diff --git a/karavan-space/src/designer/property/property/DslPropertyField.tsx 
b/karavan-space/src/designer/property/property/DslPropertyField.tsx
index 86240ed7..9ba23d2e 100644
--- a/karavan-space/src/designer/property/property/DslPropertyField.tsx
+++ b/karavan-space/src/designer/property/property/DslPropertyField.tsx
@@ -208,10 +208,11 @@ export function DslPropertyField(props: Props) {
             const className = value ? "change-button delete-button" : 
"change-button add-button";
             const x = value ? undefined : 
CamelDefinitionApi.createStep(property.type, {});
             const meta = 
CamelMetadataApi.getCamelModelMetadataByClassName(property.type);
+            const title = meta?.title || property.displayName;
             const icon = value ? (<DeleteIcon/>) : (<AddIcon/>);
             return (
                 <div style={{display: "flex"}}>
-                    <Text>{meta?.title} </Text>
+                    <Text>{title}</Text>
                     <Tooltip position={"top"} content={<div>{tooltip}</div>}>
                         <button className={className} onClick={e => 
props.onPropertyChange?.(property.name, x)}
                                 aria-label="Add element">