diff --git a/frontend/src/scenes/session-recordings/apm/NetworkView.tsx b/frontend/src/scenes/session-recordings/apm/NetworkView.tsx index 5ed006fa377d0..4bfb8b0328020 100644 --- a/frontend/src/scenes/session-recordings/apm/NetworkView.tsx +++ b/frontend/src/scenes/session-recordings/apm/NetworkView.tsx @@ -137,7 +137,7 @@ function WaterfallMeta(): JSX.Element | null { export function NetworkView({ sessionRecordingId }: { sessionRecordingId: string }): JSX.Element { const logic = networkViewLogic({ sessionRecordingId }) - const { isLoading, currentPage } = useValues(logic) + const { isLoading, currentPage, hasPageViews } = useValues(logic) if (isLoading) { return ( @@ -157,6 +157,11 @@ export function NetworkView({ sessionRecordingId }: { sessionRecordingId: string className="NetworkView__table" size="small" dataSource={currentPage} + emptyState={ + hasPageViews + ? 'error displaying network data' + : 'network data does not include any "navigation" events' + } columns={[ { title: 'URL', diff --git a/frontend/src/scenes/session-recordings/apm/networkViewLogic.ts b/frontend/src/scenes/session-recordings/apm/networkViewLogic.ts index 248cfc6fac638..c16cb605c6b46 100644 --- a/frontend/src/scenes/session-recordings/apm/networkViewLogic.ts +++ b/frontend/src/scenes/session-recordings/apm/networkViewLogic.ts @@ -150,5 +150,6 @@ export const networkViewLogic = kea([ } }, ], + hasPageViews: [(s) => [s.pageCount], (pageCount) => pageCount > 0], }), ])