This is an automated email from the ASF dual-hosted git repository.
qiuxiafan 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 28c2cbd6 fix: change icons for trace types (#512)
28c2cbd6 is described below
commit 28c2cbd609a4fbf176fa520a6272a9c416bb68dd
Author: Fine0830 <[email protected]>
AuthorDate: Mon Nov 10 20:22:00 2025 +0800
fix: change icons for trace types (#512)
---
src/assets/icons/list-tree.svg | 17 +++++++++++++++++
src/assets/icons/statistics-bulleted.svg | 2 +-
.../related/trace/components/D3Graph/Index.vue | 2 +-
.../related/trace/components/VisGraph/constant.ts | 2 +-
4 files changed, 20 insertions(+), 3 deletions(-)
diff --git a/src/assets/icons/list-tree.svg b/src/assets/icons/list-tree.svg
new file mode 100644
index 00000000..43da065c
--- /dev/null
+++ b/src/assets/icons/list-tree.svg
@@ -0,0 +1,17 @@
+<!-- Licensed to the Apache Software Foundation (ASF) under one or more
+contributor license agreements. See the NOTICE file distributed with
+this work for additional information regarding copyright ownership.
+The ASF licenses this file to You under the Apache License, Version 2.0
+(the "License"); you may not use this file except in compliance with
+the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License. -->
+<svg class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg"; width="32" height="32">
+ <path d="M896 469.333333h-341.333333c-25.6 0-42.666667 17.066667-42.666667
42.666667s17.066667 42.666667 42.666667 42.666667h341.333333c25.6 0
42.666667-17.066667
42.666667-42.666667s-17.066667-42.666667-42.666667-42.666667zM341.333333
298.666667h554.666667c25.6 0 42.666667-17.066667
42.666667-42.666667s-17.066667-42.666667-42.666667-42.666667H341.333333c-25.6
0-42.666667 17.066667-42.666666 42.666667s17.066667 42.666667 42.666666
42.666667zM896 725.333333h-341.333333c-25.6 0-42.666667 [...]
+</svg>
\ No newline at end of file
diff --git a/src/assets/icons/statistics-bulleted.svg
b/src/assets/icons/statistics-bulleted.svg
index 236a28cc..a4f146b7 100644
--- a/src/assets/icons/statistics-bulleted.svg
+++ b/src/assets/icons/statistics-bulleted.svg
@@ -12,4 +12,4 @@ distributed under the License is distributed on an "AS IS"
BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License. -->
-<svg t="1619507658599" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg"; p-id="2073"
xmlns:xlink="http://www.w3.org/1999/xlink"; width="200"
height="200"><defs><style type="text/css"></style></defs><path d="M331.840623
793.484755 331.840623
387.450978c0-16.191531-12.457456-28.645338-27.399836-28.645338L222.235197
358.80564c-14.94238 0-27.399836 13.698094-27.399836 28.645338L194.835361
793.484755 331.840623 793.484755 331.840623 793.484755zM506.210956 79 [...]
\ No newline at end of file
+<svg t="1619507658599" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg"; p-id="2073"
xmlns:xlink="http://www.w3.org/1999/xlink"; width="200"
height="200"><defs><style type="text/css"></style></defs><path d="M331.840623
793.484755 331.840623
387.450978c0-16.191531-12.457456-28.645338-27.399836-28.645338L222.235197
358.80564c-14.94238 0-27.399836 13.698094-27.399836 28.645338L194.835361
793.484755 331.840623 793.484755 331.840623 793.484755zM506.210956 79 [...]
\ No newline at end of file
diff --git a/src/views/dashboard/related/trace/components/D3Graph/Index.vue
b/src/views/dashboard/related/trace/components/D3Graph/Index.vue
index 6af7c321..1bfff7f9 100644
--- a/src/views/dashboard/related/trace/components/D3Graph/Index.vue
+++ b/src/views/dashboard/related/trace/components/D3Graph/Index.vue
@@ -293,7 +293,7 @@ limitations under the License. -->
selectedMinTimestamp: props.selectedMinTimestamp,
});
}
- tree.value.draw(() => {
+ tree.value?.draw(() => {
setTimeout(() => {
loading.value = false;
}, 200);
diff --git a/src/views/dashboard/related/trace/components/VisGraph/constant.ts
b/src/views/dashboard/related/trace/components/VisGraph/constant.ts
index 12282a12..1d46260a 100644
--- a/src/views/dashboard/related/trace/components/VisGraph/constant.ts
+++ b/src/views/dashboard/related/trace/components/VisGraph/constant.ts
@@ -24,6 +24,6 @@ export enum TraceGraphType {
export const GraphTypeOptions = [
{ value: "List", icon: "list-bulleted", label: "list" },
{ value: "Tree", icon: "issue-child", label: "tree" },
- { value: "Table", icon: "table", label: "table" },
+ { value: "Table", icon: "list-tree", label: "table" },
{ value: "Statistics", icon: "statistics-bulleted", label: "statistics" },
] as const;
