[Backport release-1.8] Fix: Application Graph displays exception stac…

…k trace (#801) * Application Graph displays exception stack trace Signed-off-by: liyanfang <[email protected]> (cherry picked from commit 95b182e) * Fix: Application Graph displays exception stack trace Signed-off-by: liyanfang <[email protected]> (cherry picked from commit 67b0e38) --------- Co-authored-by: liyanfang <[email protected]>
kubevela · Apr 28, 2023 · 1080695 · 1080695
1 parent b959214
commit 1080695
Showing 1 changed file with 1 addition and 2 deletions.
diff --git a/packages/velaux-ui/src/components/TreeGraph/component-node.tsx b/packages/velaux-ui/src/components/TreeGraph/component-node.tsx
@@ -165,7 +165,6 @@ export const ComponentNode = (props: ComponentNodeProps) => {
       </Balloon>
     );
   };
-
   const graphNode = (
     <div
       className={classNames('graph-node', 'graph-node-resource', {
@@ -203,7 +202,7 @@ export const ComponentNode = (props: ComponentNodeProps) => {
 
       <If condition={traits.length > 0}>
         <div className={classNames('label-traits')}>
-          {traits && (
+          {traits && traits.length > 0 && traits[0] && (                                                                                                                                                                                                                                                                                                                                                                                        
             <Tag animation={true}>
               <span
                 className={classNames('circle', {