From 4fea6dc4ccbdd6b3eaa77357f3567d828a9a2776 Mon Sep 17 00:00:00 2001
From: Ryan Rosello <goneby30+github@gmail.com>
Date: Wed, 19 Jun 2024 20:01:26 +1000
Subject: [PATCH] chore(trace-viewer) add resource.response.statusText to the
 network details

---
 packages/trace-viewer/src/ui/networkResourceDetails.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/trace-viewer/src/ui/networkResourceDetails.tsx b/packages/trace-viewer/src/ui/networkResourceDetails.tsx
index 10b5c327b7..e7b1bad4b6 100644
--- a/packages/trace-viewer/src/ui/networkResourceDetails.tsx
+++ b/packages/trace-viewer/src/ui/networkResourceDetails.tsx
@@ -80,9 +80,11 @@ const RequestTab: React.FunctionComponent<{
     <div className='network-request-details-header'>General</div>
     <div className='network-request-details-url'>{`URL: ${resource.request.url}`}</div>
     <div className='network-request-details-general'>{`Method: ${resource.request.method}`}</div>
-    <div className='network-request-details-general'>{`Status Code: ${resource.response.status >= 200 && resource.response.status < 400
-      ? `🟢 ${resource.response.status}`
-      : `🔴 ${resource.response.status}`}`}</div>
+    <div className='network-request-details-general'>{`Status Code: ${
+      resource.response.status >= 200 && resource.response.status < 400
+        ? `🟢 ${resource.response.status} ${resource.response.statusText}`
+        : `🔴 ${resource.response.status} ${resource.response.statusText}`
+    }`}</div>
     <div className='network-request-details-header'>Request Headers</div>
     <div className='network-request-details-headers'>{resource.request.headers.map(pair => `${pair.name}: ${pair.value}`).join('\n')}</div>
     {requestBody && <div className='network-request-details-header'>Request Body</div>}