@xyo-network/react-chain-blockchain 1.2.4 → 1.2.6

package/dist/browser/index.mjs

@@ -835,9 +835,14 @@ import { Error as Error2 } from "@mui/icons-material";
 import { Link as Link2, TableCell as TableCell4, Tooltip as Tooltip3 } from "@mui/material";
 import React18 from "react";
 var BlockPayloadCountsTableCell = /* @__PURE__ */ __name(({ block, linked, ...props }) => {
-  const [pubPayloads, privPayloads, error] = usePayloadCountsFromBlock(block);
-  const data = `${pubPayloads}/${privPayloads}`;
+  const [publicPayloads, privatePayloads, error] = usePayloadCountsFromBlock(block);
+  const data = block && privatePayloads !== void 0 && publicPayloads !== void 0 ? {
+    publicPayloads,
+    privatePayloads,
+    block: block[0]._hash
+  } : void 0;
   const [ref, handleClick] = useLinkedBlockItem("payload-counts", data);
+  const renderText = `${publicPayloads ?? "--"} / ${privatePayloads ?? "--"}`;
   return /* @__PURE__ */ React18.createElement(TableCell4, {
     ref,
     ...props
@@ -850,7 +855,7 @@ var BlockPayloadCountsTableCell = /* @__PURE__ */ __name(({ block, linked, ...pr
     sx: {
       cursor: "pointer"
     }
-  }, data ?? "--/--") : data ?? "--/--"));
+  }, renderText) : renderText));
 }, "BlockPayloadCountsTableCell");
 
 // src/components/block/table/cell/Producer.tsx
@@ -889,8 +894,12 @@ import { Error as Error3 } from "@mui/icons-material";
 import { Link as Link3, TableCell as TableCell6, Tooltip as Tooltip5 } from "@mui/material";
 import React20 from "react";
 var BlockTransactionCountTableCell = /* @__PURE__ */ __name(({ block, linked, ...props }) => {
-  const [txs, error] = useTxsFromBlock(block);
-  const [ref, handleClick] = useLinkedBlockItem("transaction-count", JSON.stringify(txs ?? null));
+  const [transactions, error] = useTxsFromBlock(block);
+  const data = block && transactions !== void 0 ? {
+    transactions: transactions.length,
+    block: block[0]._hash
+  } : void 0;
+  const [ref, handleClick] = useLinkedBlockItem("transaction-count", data);
   return /* @__PURE__ */ React20.createElement(TableCell6, {
     ref,
     ...props
@@ -903,7 +912,7 @@ var BlockTransactionCountTableCell = /* @__PURE__ */ __name(({ block, linked, ..
     sx: {
       cursor: "pointer"
     }
-  }, txs?.length ?? 0) : txs?.length ?? 0));
+  }, transactions?.length ?? "--") : transactions?.length ?? "--"));
 }, "BlockTransactionCountTableCell");
 
 // src/components/block/table/cell/Verification.tsx