fix(ui): FileDetails title status icon not being updated (#5942)

userquin · web-flow · commit e9ddf9ce2eaf · 2024-06-20T22:56:21.000+02:00
diff --git a/packages/ui/client/components/FileDetails.vue b/packages/ui/client/components/FileDetails.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { hasFailedSnapshot } from '@vitest/ws-client'
 import {
   browserState,
   client,
@@ -30,6 +31,10 @@ const graphData = computed(() => {
   }
 })
 
+const failedSnapshot = computed(() => {
+  return current.value && hasFailedSnapshot(current.value)
+})
+
 function open() {
   const filePath = current.value?.filepath
   if (filePath) {
@@ -116,7 +121,7 @@ debouncedWatch(
   >
     <div>
       <div p="2" h-10 flex="~ gap-2" items-center bg-header border="b base">
-        <StatusIcon :task="current" />
+        <StatusIcon :state="current.result?.state" :mode="current.mode" :failed-snapshot="failedSnapshot" />
         <div
           v-if="current?.file.projectName"
           font-light
