fix type errors with call-stat-board

buggregator · Sep 21, 2024 · 824939a · 824939a
1 parent 8d26048
commit 824939a
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 16 deletions.
diff --git a/src/entities/profiler/ui/call-graph/call-graph.vue b/src/entities/profiler/ui/call-graph/call-graph.vue
@@ -83,15 +83,7 @@ const percentLabel = computed(() => (metric.value === GraphTypes.CALLS ? 'Min ca
       :height="graphHeight"
     >
       <template #default="{ data }">
-        <CallStatBoard
-          :edge="{
-            callee: data?.callee,
-            caller: '',
-            cost: data?.cost,
-            id: '',
-            parent: data?.parent
-          }"
-        />
+        <CallStatBoard :title="data?.callee" :cost="data?.cost" />
       </template>
     </RenderGraph>
 

diff --git a/src/entities/profiler/ui/call-stat-board/call-stat-board.stories.ts b/src/entities/profiler/ui/call-stat-board/call-stat-board.stories.ts
@@ -9,6 +9,7 @@ export default {
 
 export const Default: StoryObj<typeof CallStatBoard> = {
   args: {
-    edge: profilerEdgesMock.e5
+    title: profilerEdgesMock.e5.caller,
+    cost: profilerEdgesMock.e5.cost
   }
 };
diff --git a/src/entities/profiler/ui/call-stat-board/call-stat-board.vue b/src/entities/profiler/ui/call-stat-board/call-stat-board.vue
@@ -1,10 +1,10 @@
 <script lang="ts" setup>
 import { defineProps } from 'vue'
-import { StatBoard, StatBoardSize } from '@/shared/ui'
-import type { ProfilerEdge } from '../../types'
+import { StatBoard, type StatBoardCost, StatBoardSize } from '@/shared/ui'
 
 type Props = {
-  edge: ProfilerEdge
+  cost: StatBoardCost
+  title: string
 }
 
 defineProps<Props>()
@@ -13,10 +13,10 @@ defineProps<Props>()
 <template>
   <div class="call-stat-board">
     <h4 class="call-stat-board__title">
-      {{ edge.callee }}
+      {{ title }}
     </h4>
 
-    <StatBoard class="call-stat-board__body" :cost="edge.cost" :size="StatBoardSize.Small" />
+    <StatBoard class="call-stat-board__body" :cost="cost" :size="StatBoardSize.Small" />
   </div>
 </template>
 

diff --git a/src/entities/profiler/ui/profiler-page/profiler-page.vue b/src/entities/profiler/ui/profiler-page/profiler-page.vue
@@ -107,7 +107,8 @@ const tabChange = (selectedTab: { tab: { name: string } }) => {
       <CallStatBoard
         v-if="activeEdge"
         class="profiler-page__hover-edge"
-        :edge="activeEdge"
+        :title="activeEdge.callee"
+        :cost="activeEdge.cost"
         :style="activeEdgeStyle"
       />
     </main>