Render RequestDetailTabEmptyState in RequestDetailTabHeaders if t…

…here are no events. (#1064)
alvarlagerlof · Jun 9, 2024 · 770c076 · 770c076
1 parent 44a478e
commit 770c076
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/packages/core/src/components/RequestDetailTabHeaders.tsx b/packages/core/src/components/RequestDetailTabHeaders.tsx
@@ -2,12 +2,17 @@ import React from "react";
 import { eventsFilterByMaxTimestamp } from "../eventArrayHelpers";
 import { RscEvent, isRscRequestEvent, isRscResponseEvent } from "../events";
 import { useEndTime } from "./EndTimeContext";
+import { RequestDetailTabEmptyState } from "./RequestDetailTabEmptyState";
 
 export function RequestDetailTabHeaders({ events }: { events: RscEvent[] }) {
   const { endTime } = useEndTime();
 
   const timeFilteredEvents = eventsFilterByMaxTimestamp(events, endTime);
 
+  if (timeFilteredEvents.length === 0) {
+    return <RequestDetailTabEmptyState />;
+  }
+
   const requestEvent = timeFilteredEvents.filter(isRscRequestEvent)[0];
   const responseEvent = timeFilteredEvents.filter(isRscResponseEvent)[0];