From e9ddf9ce2eaf1ce74a88f8a7ca2d8314739020ae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joaqu=C3=ADn=20S=C3=A1nchez?= <userquin@gmail.com>
Date: Thu, 20 Jun 2024 22:56:21 +0200
Subject: [PATCH] fix(ui): `FileDetails` title status icon not being updated
 (#5942)

---
 packages/ui/client/components/FileDetails.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/ui/client/components/FileDetails.vue b/packages/ui/client/components/FileDetails.vue
index 9ed2fef45d1a..9184b19784e4 100644
--- 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