(skywalking-booster-ui) branch main updated: feat: polish error nodes in trace widget (#404)

[wusheng]

This is an automated email from the ASF dual-hosted git repository.

wusheng pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/skywalking-booster-ui.git


The following commit(s) were added to refs/heads/main by this push:
     new 8f179f00 feat: polish error nodes in trace widget (#404)
8f179f00 is described below

commit 8f179f00a2f1e9342e31d8c22b831106ed3c7c3d
Author: Fine0830 <fanxue0...@gmail.com>
AuthorDate: Wed Jul 17 15:02:08 2024 +0800

    feat: polish error nodes in trace widget (#404)
---
 src/locales/lang/menus/en.ts                             | 3 ++-
 src/locales/lang/menus/es.ts                             | 3 ++-
 src/views/dashboard/related/trace/utils/d3-trace-list.ts | 4 ++--
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/locales/lang/menus/en.ts b/src/locales/lang/menus/en.ts
index dd59266d..688cff1f 100644
--- a/src/locales/lang/menus/en.ts
+++ b/src/locales/lang/menus/en.ts
@@ -126,7 +126,8 @@ const titles = {
   self_observability_satellite_desc:
     "Satellite: an open-source agent designed for the cloud-native 
infrastructures, which provides a low-cost, high-efficient, and more secure way 
to collect telemetry data. It is the recommended load balancer for telemetry 
collecting.",
   cilium: "Cilium",
-  cilium_desc: "Cilium is a CNI plugin for Kubernetes that provides eBPF-based 
networking, security, and load balancing.",
+  cilium_desc:
+    "Cilium is a CNI plugin for Kubernetes that provides eBPF-based 
networking, security, and load balancing.",
   cilium_service: "Cilium Service",
   cilium_service_desc: "Observe Service status and resources from Cilium 
Hubble.",
 };
diff --git a/src/locales/lang/menus/es.ts b/src/locales/lang/menus/es.ts
index 571a64fb..2d8f1b27 100644
--- a/src/locales/lang/menus/es.ts
+++ b/src/locales/lang/menus/es.ts
@@ -127,7 +127,8 @@ const titles = {
   self_observability_satellite_desc:
     "Satellite: an open-source agent designed for the cloud-native 
infrastructures, which provides a low-cost, high-efficient, and more secure way 
to collect telemetry data. It is the recommended load balancer for telemetry 
collecting.",
   cilium: "Cilium",
-  cilium_desc: "Cilium es un complemento CNI para Kubernetes que proporciona 
redes, seguridad y equilibrio de carga basados en eBPF.",
+  cilium_desc:
+    "Cilium es un complemento CNI para Kubernetes que proporciona redes, 
seguridad y equilibrio de carga basados en eBPF.",
   cilium_service: "Cilium Service",
   cilium_service_desc: "Observe el estado del servicio y los recursos de 
Cilium Hubble.",
 };
diff --git a/src/views/dashboard/related/trace/utils/d3-trace-list.ts 
b/src/views/dashboard/related/trace/utils/d3-trace-list.ts
index ac244e48..669d5058 100644
--- a/src/views/dashboard/related/trace/utils/d3-trace-list.ts
+++ b/src/views/dashboard/related/trace/utils/d3-trace-list.ts
@@ -218,14 +218,14 @@ export default class ListGraph {
       .append("text")
       .attr("x", 13)
       .attr("y", 5)
-      .attr("fill", appStore.theme === Themes.Dark ? "#666" : "#E54C17")
+      .attr("fill", `#e54c17`)
       .html((d: Recordable) => (d.data.isError ? "◉" : ""));
     nodeEnter
       .append("text")
       .attr("class", "node-text")
       .attr("x", 35)
       .attr("y", -6)
-      .attr("fill", appStore.theme === Themes.Dark ? "#eee" : "#333")
+      .attr("fill", (d: Recordable) => (d.data.isError ? `#e54c17` : 
appStore.theme === Themes.Dark ? "#eee" : "#333"))
       .html((d: Recordable) => {
         if (d.data.label === "TRACE_ROOT") {
           return "";