From fcf4cc3b92692876dd981290f080d7d9ad5e5df1 Mon Sep 17 00:00:00 2001
From: Fine <fanxue0830@gmail.com>
Date: Fri, 9 Jun 2023 11:19:58 +0800
Subject: [PATCH] fix: update timeline

---
 src/store/data.ts                                     | 2 +-
 src/store/modules/dashboard.ts                        | 1 +
 src/views/dashboard/controls/TaskTimeline.vue         | 2 +-
 src/views/dashboard/data.ts                           | 2 +-
 src/views/dashboard/panel/Tool.vue                    | 8 ++++----
 src/views/dashboard/related/task-timeline/Content.vue | 2 +-
 6 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/store/data.ts b/src/store/data.ts
index 09d52898..43d0d4d2 100644
--- a/src/store/data.ts
+++ b/src/store/data.ts
@@ -47,7 +47,7 @@ export const ControlsTypes = [
   "NetworkProfiling",
   "ThirdPartyApp",
   "ContinuousProfiling",
-  "AddTaskTimeline",
+  "TaskTimeline",
 ];
 export enum EBPFProfilingTriggerType {
   FIXED_TIME = "FIXED_TIME",
diff --git a/src/store/modules/dashboard.ts b/src/store/modules/dashboard.ts
index c1bc22f9..c2c32da5 100644
--- a/src/store/modules/dashboard.ts
+++ b/src/store/modules/dashboard.ts
@@ -92,6 +92,7 @@ export const dashboardStore = defineStore({
         metricTypes: [""],
         metrics: [""],
       };
+
       if (type === "Widget") {
         newItem.metricMode = MetricModes.Expression;
       }
diff --git a/src/views/dashboard/controls/TaskTimeline.vue b/src/views/dashboard/controls/TaskTimeline.vue
index cc917859..4651abe6 100644
--- a/src/views/dashboard/controls/TaskTimeline.vue
+++ b/src/views/dashboard/controls/TaskTimeline.vue
@@ -32,7 +32,7 @@ limitations under the License. -->
   import type { PropType } from "vue";
   import { useI18n } from "vue-i18n";
   import { useDashboardStore } from "@/store/modules/dashboard";
-  import Content from "../related/continuous-profiling/Content.vue";
+  import Content from "../related/task-timeline/Content.vue";
 
   /*global defineProps */
   const props = defineProps({
diff --git a/src/views/dashboard/data.ts b/src/views/dashboard/data.ts
index 27f9b504..28c0affb 100644
--- a/src/views/dashboard/data.ts
+++ b/src/views/dashboard/data.ts
@@ -238,7 +238,7 @@ export const EndpointTools = [
 export const ProcessTools = [
   { name: "playlist_add", content: "Add Widget", id: "addWidget" },
   { name: "all_inbox", content: "Add Tabs", id: "addTab" },
-  { name: "task_timeline", content: "Add Task Timeline", id: "AddTaskTimeline" },
+  { name: "task_timeline", content: "Add Task Timeline", id: "addTaskTimeline" },
   { name: "library_books", content: "Add Text", id: "addText" },
   { name: "add_iframe", content: "Add Iframe", id: "addIframe" },
 ];
diff --git a/src/views/dashboard/panel/Tool.vue b/src/views/dashboard/panel/Tool.vue
index e3976360..e11efff0 100644
--- a/src/views/dashboard/panel/Tool.vue
+++ b/src/views/dashboard/panel/Tool.vue
@@ -456,7 +456,7 @@ limitations under the License. -->
         dashboardStore.addTabControls("ThirdPartyApp");
         break;
       case "addTaskTimeline":
-        dashboardStore.addTabControls("AddTaskTimeline");
+        dashboardStore.addTabControls("TaskTimeline");
         break;
       default:
         ElMessage.info("Don't support this control");
@@ -509,7 +509,7 @@ limitations under the License. -->
         dashboardStore.addControl("ThirdPartyApp");
         break;
       case "addTaskTimeline":
-        dashboardStore.addTabControls("AddTaskTimeline");
+        dashboardStore.addControl("TaskTimeline");
         break;
       default:
         dashboardStore.addControl("Widget");
@@ -737,8 +737,8 @@ limitations under the License. -->
 <style lang="scss" scoped>
   .dashboard-tool {
     text-align: right;
-    padding: 3px 5px 5px 5px;
-    background: rgb(240, 242, 245);
+    padding: 3px 5px 5px;
+    background: rgb(240 242 245);
     border-bottom: 1px solid #dfe4e8;
     justify-content: space-between;
   }
diff --git a/src/views/dashboard/related/task-timeline/Content.vue b/src/views/dashboard/related/task-timeline/Content.vue
index ba478ce2..c5b608b3 100644
--- a/src/views/dashboard/related/task-timeline/Content.vue
+++ b/src/views/dashboard/related/task-timeline/Content.vue
@@ -13,7 +13,7 @@ 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. -->
 <template>
-  <div class="flex-h content">
+  <div class="flex-v content">
     <Timeline />
     <profiling-panel :config="config" />
   </div>