diff --git a/packages/trace-viewer/src/ui/networkResourceDetails.tsx b/packages/trace-viewer/src/ui/networkResourceDetails.tsx
index 388e84c51f..3a760c999f 100644
--- a/packages/trace-viewer/src/ui/networkResourceDetails.tsx
+++ b/packages/trace-viewer/src/ui/networkResourceDetails.tsx
@@ -78,10 +78,10 @@ const RequestTab: React.FunctionComponent<{
General
{`URL: ${resource.request.url}`}
{`Method: ${resource.request.method}`}
-
+ {resource.response.status !== -1 &&
Status Code:
{`${resource.response.status} ${resource.response.statusText}`}
-
+
}
Request Headers
{resource.request.headers.map(pair => `${pair.name}: ${pair.value}`).join('\n')}
{requestBody && Request Body
}
@@ -118,6 +118,8 @@ const BodyTab: React.FunctionComponent<{
const formattedBody = formatBody(await response.text(), resource.response.content.mimeType);
setResponseBody({ text: formattedBody, mimeType: resource.response.content.mimeType });
}
+ } else {
+ setResponseBody(null);
}
};
diff --git a/packages/trace-viewer/src/ui/networkTab.tsx b/packages/trace-viewer/src/ui/networkTab.tsx
index 3158ad0e67..36bb54547e 100644
--- a/packages/trace-viewer/src/ui/networkTab.tsx
+++ b/packages/trace-viewer/src/ui/networkTab.tsx
@@ -93,7 +93,7 @@ export const NetworkTab: React.FunctionComponent<{
columnTitle={columnTitle}
columnWidths={columnWidths}
setColumnWidths={setColumnWidths}
- isError={item => item.status.code >= 400}
+ isError={item => item.status.code >= 400 || item.status.code === -1}
isInfo={item => !!item.route}
render={(item, column) => renderCell(item, column)}
sorting={sorting}