From ef1efbb8c26e40a715e5bb14c99b0734c095bef7 Mon Sep 17 00:00:00 2001
From: jdolle <1841898+jdolle@users.noreply.github.com>
Date: Sun, 9 Mar 2025 17:44:24 -0700
Subject: [PATCH] fix(app): show insight not found instead of loading (#6593)

---
 .changeset/itchy-grapes-do.md                            | 5 +++++
 packages/web/app/src/pages/target-insights-operation.tsx | 8 ++++++--
 2 files changed, 11 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/itchy-grapes-do.md

diff --git a/.changeset/itchy-grapes-do.md b/.changeset/itchy-grapes-do.md
new file mode 100644
index 000000000..398c5491d
--- /dev/null
+++ b/.changeset/itchy-grapes-do.md
@@ -0,0 +1,5 @@
+---
+'hive': patch
+---
+
+Fix operation insights showing loading for missing operations
diff --git a/packages/web/app/src/pages/target-insights-operation.tsx b/packages/web/app/src/pages/target-insights-operation.tsx
index 5cef856c2..4c8cd49f4 100644
--- a/packages/web/app/src/pages/target-insights-operation.tsx
+++ b/packages/web/app/src/pages/target-insights-operation.tsx
@@ -33,7 +33,7 @@ function GraphQLOperationBody(props: {
     return <GraphQLHighlight className="pt-6" code={operation.body} />;
   }
 
-  return <div>Loading...</div>;
+  return <div>Operation not found.</div>;
 }
 
 const Operation_View_OperationBodyQuery = graphql(`
@@ -147,7 +147,11 @@ function OperationView({
       )}
       <div className="mt-12 w-full rounded-md border border-gray-800 bg-gray-900/50 p-5">
         <Section.Title>Operation body</Section.Title>
-        <GraphQLOperationBody operation={result.data?.target?.operation ?? null} />
+        {result.fetching ? (
+          <div>Loading...</div>
+        ) : (
+          <GraphQLOperationBody operation={result.data?.target?.operation ?? null} />
+        )}
       </div>
     </>
   );