From 8ef33a53a5cf4f718a01b8719429cd9b5ce25e1b Mon Sep 17 00:00:00 2001
From: Justin Starry <justin@solana.com>
Date: Fri, 24 Jun 2022 11:40:30 +0100
Subject: [PATCH] explorer: Add account bytes to tx inspector (#26200)

---
 .../pages/inspector/AddressWithContext.tsx    | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/explorer/src/pages/inspector/AddressWithContext.tsx b/explorer/src/pages/inspector/AddressWithContext.tsx
index 2cf027ef1d..a943086066 100644
--- a/explorer/src/pages/inspector/AddressWithContext.tsx
+++ b/explorer/src/pages/inspector/AddressWithContext.tsx
@@ -81,21 +81,21 @@ function AccountInfo({
   const errorMessage = validator && validator(info.data);
   if (errorMessage) return <span className="text-warning">{errorMessage}</span>;
 
-  if (info.data.details?.executable) {
-    return <span className="text-muted">Executable Program</span>;
+  if (!info.data.details) {
+    return <span className="text-muted">Account doesn't exist</span>;
   }
 
-  const owner = info.data.details?.owner;
-  const ownerAddress = owner?.toBase58();
-  const ownerLabel = ownerAddress && addressLabel(ownerAddress, cluster);
+  const owner = info.data.details.owner;
+  const ownerAddress = owner.toBase58();
+  const ownerLabel = addressLabel(ownerAddress, cluster);
 
   return (
     <span className="text-muted">
-      {ownerAddress
-        ? `Owned by ${
-            ownerLabel || ownerAddress
-          }. Balance is ${lamportsToSolString(info.data.lamports)} SOL`
-        : "Account doesn't exist"}
+      {`Owned by ${ownerLabel || ownerAddress}.`}
+      {` Balance is ${lamportsToSolString(info.data.lamports)} SOL.`}
+      {` Size is ${new Intl.NumberFormat("en-US").format(
+        info.data.details.space
+      )} byte(s).`}
     </span>
   );
 }