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}