From 5c78a57cbb37a8c319fef9f5fd2d4981dc62a3dd Mon Sep 17 00:00:00 2001
From: sua yoo <sua@webrecorder.org>
Date: Mon, 30 Jun 2025 10:07:37 -0700
Subject: [PATCH] fix: Hide irrelevant tabs in failed crawl detail view (#2695)

Hides QA, replay, and files tabs for failed ("failed", "canceled", and
skipped) crawls.
---
 .../archived-item-detail.ts                   | 46 +++++++++++--------
 1 file changed, 26 insertions(+), 20 deletions(-)

diff --git a/frontend/src/pages/org/archived-item-detail/archived-item-detail.ts b/frontend/src/pages/org/archived-item-detail/archived-item-detail.ts
index f9826d6b..4083353d 100644
--- a/frontend/src/pages/org/archived-item-detail/archived-item-detail.ts
+++ b/frontend/src/pages/org/archived-item-detail/archived-item-detail.ts
@@ -545,27 +545,33 @@ export class ArchivedItemDetail extends BtrixElement {
           iconLibrary: "default",
           icon: "info-circle-fill",
         })}
-        ${when(
-          this.itemType === "crawl" && this.isCrawler,
-          () => html`
-            ${renderNavItem({
-              section: "qa",
-              iconLibrary: "default",
-              icon: "clipboard2-data-fill",
-              detail: html`<btrix-beta-icon></btrix-beta-icon>`,
-            })}
-          `,
+        ${when(this.item, (item) =>
+          isSuccessfullyFinished(item)
+            ? html`
+                ${when(
+                  this.itemType === "crawl" && this.isCrawler,
+                  () => html`
+                    ${renderNavItem({
+                      section: "qa",
+                      iconLibrary: "default",
+                      icon: "clipboard2-data-fill",
+                      detail: html`<btrix-beta-icon></btrix-beta-icon>`,
+                    })}
+                  `,
+                )}
+                ${renderNavItem({
+                  section: "replay",
+                  iconLibrary: "app",
+                  icon: "replaywebpage",
+                })}
+                ${renderNavItem({
+                  section: "files",
+                  iconLibrary: "default",
+                  icon: "folder-fill",
+                })}
+              `
+            : nothing,
         )}
-        ${renderNavItem({
-          section: "replay",
-          iconLibrary: "app",
-          icon: "replaywebpage",
-        })}
-        ${renderNavItem({
-          section: "files",
-          iconLibrary: "default",
-          icon: "folder-fill",
-        })}
         ${when(
           this.itemType === "crawl",
           () => html`