explorer: Make account owner program label clearer (#20214)

explorer/src/components/account/UnknownAccountCard.tsx

@@ -42,14 +42,14 @@ export function UnknownAccountCard({ account }: { account: Account }) {
 
         {details?.space !== undefined && (
           <tr>
-            <td>Data (Bytes)</td>
-            <td className="text-lg-right">{details.space}</td>
+            <td>Allocated Data Size</td>
+            <td className="text-lg-right">{details.space} byte(s)</td>
           </tr>
         )}
 
         {details && (
           <tr>
-            <td>Owner</td>
+            <td>Assigned Program Id</td>
             <td className="text-lg-right">
               <Address pubkey={details.owner} alignRight link />
             </td>

explorer/src/components/common/Account.tsx

@@ -46,18 +46,3 @@ export function AccountBalanceRow({ account }: AccountProps) {
     </tr>
   );
 }
-
-export function AccountOwnerRow({ account }: AccountProps) {
-  if (account.details) {
-    return (
-      <tr>
-        <td>Owner</td>
-        <td className="text-lg-right">
-          <Address pubkey={account.details.owner} alignRight link />
-        </td>
-      </tr>
-    );
-  }
-
-  return <></>;
-}

explorer/src/components/instruction/system/AllocateDetailsCard.tsx

@@ -42,8 +42,8 @@ export function AllocateDetailsCard(props: {
       </tr>
 
       <tr>
-        <td>Allocated Space (Bytes)</td>
-        <td className="text-lg-right">{info.space}</td>
+        <td>Allocated Data Size</td>
+        <td className="text-lg-right">{info.space} byte(s)</td>
       </tr>
     </InstructionCard>
   );

explorer/src/components/instruction/system/AllocateWithSeedDetailsCard.tsx

@@ -59,12 +59,12 @@ export function AllocateWithSeedDetailsCard(props: {
       </tr>
 
       <tr>
-        <td>Allocated Space (Bytes)</td>
-        <td className="text-lg-right">{info.space}</td>
+        <td>Allocated Data Size</td>
+        <td className="text-lg-right">{info.space} byte(s)</td>
       </tr>
 
       <tr>
-        <td>Assigned Owner</td>
+        <td>Assigned Program Id</td>
         <td className="text-lg-right">
           <Address pubkey={info.owner} alignRight link />
         </td>

explorer/src/components/instruction/system/AssignDetailsCard.tsx

@@ -42,7 +42,7 @@ export function AssignDetailsCard(props: {
       </tr>
 
       <tr>
-        <td>Assigned Owner</td>
+        <td>Assigned Program Id</td>
         <td className="text-lg-right">
           <Address pubkey={info.owner} alignRight link />
         </td>

explorer/src/components/instruction/system/AssignWithSeedDetailsCard.tsx

@@ -59,7 +59,7 @@ export function AssignWithSeedDetailsCard(props: {
       </tr>
 
       <tr>
-        <td>Assigned Owner</td>
+        <td>Assigned Program Id</td>
         <td className="text-lg-right">
           <Address pubkey={info.owner} alignRight link />
         </td>

explorer/src/components/instruction/system/CreateDetailsCard.tsx

@@ -57,12 +57,12 @@ export function CreateDetailsCard(props: {
       </tr>
 
       <tr>
-        <td>Allocated Space (Bytes)</td>
-        <td className="text-lg-right">{info.space}</td>
+        <td>Allocated Data Size</td>
+        <td className="text-lg-right">{info.space} byte(s)</td>
       </tr>
 
       <tr>
-        <td>Assigned Owner</td>
+        <td>Assigned Program Id</td>
         <td className="text-lg-right">
           <Address pubkey={info.owner} alignRight link />
         </td>

explorer/src/components/instruction/system/CreateWithSeedDetailsCard.tsx

@@ -74,12 +74,12 @@ export function CreateWithSeedDetailsCard(props: {
       </tr>
 
       <tr>
-        <td>Allocated Space (Bytes)</td>
-        <td className="text-lg-right">{info.space}</td>
+        <td>Allocated Data Size</td>
+        <td className="text-lg-right">{info.space} byte(s)</td>
       </tr>
 
       <tr>
-        <td>Assigned Owner</td>
+        <td>Assigned Program Id</td>
         <td className="text-lg-right">
           <Address pubkey={info.owner} alignRight link />
         </td>