From 3fd74fb5902ce12706094b291035ffbda9ada8ca Mon Sep 17 00:00:00 2001
From: Yana <yanok87@users.noreply.github.com>
Date: Wed, 15 Jan 2025 14:26:23 +0200
Subject: [PATCH] Add total stake to BasicInfoCard

---
 .../src/app/(pages)/nym-node/[id]/page.tsx          |  2 ++
 .../nymNodePageComponents/BasicInfoCard.tsx         | 13 +++++++++++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/explorer-nextjs/src/app/(pages)/nym-node/[id]/page.tsx b/explorer-nextjs/src/app/(pages)/nym-node/[id]/page.tsx
index 7f1c240d4d..b6afe70752 100644
--- a/explorer-nextjs/src/app/(pages)/nym-node/[id]/page.tsx
+++ b/explorer-nextjs/src/app/(pages)/nym-node/[id]/page.tsx
@@ -47,6 +47,8 @@ export default async function NymNode({
       return null;
     }
 
+    console.log("observatoryNymNode :>> ", observatoryNymNode);
+
     const nodeDelegationsResponse = await fetch(
       `${DATA_OBSERVATORY_NODES_URL}/${id}/delegations`,
       {
diff --git a/explorer-nextjs/src/components/nymNodePageComponents/BasicInfoCard.tsx b/explorer-nextjs/src/components/nymNodePageComponents/BasicInfoCard.tsx
index 576112f485..bfe63f1fb3 100644
--- a/explorer-nextjs/src/components/nymNodePageComponents/BasicInfoCard.tsx
+++ b/explorer-nextjs/src/components/nymNodePageComponents/BasicInfoCard.tsx
@@ -23,6 +23,9 @@ export const BasicInfoCard = (props: IBasicInfoCardProps) => {
 
   const selfBond = formatBigNum(Number(rewardDetails.operator) / 1_000_000);
   const selfBondFormated = `${selfBond} NYM`;
+
+  const totalStake = formatBigNum(Number(nodeInfo.total_stake) / 1_000_000);
+  const totalStakeFormated = `${totalStake} NYM`;
   return (
     <ExplorerCard label="Basic info">
       <Stack gap={1}>
@@ -64,10 +67,16 @@ export const BasicInfoCard = (props: IBasicInfoCardProps) => {
         <ExplorerListItem
           row
           divider
-          label="Nr. of stakes"
+          label="Nr. of stakers"
           value={rewardDetails.unique_delegations.toString()}
         />
-        <ExplorerListItem row label="Self bonded" value={selfBondFormated} />
+        <ExplorerListItem
+          row
+          divider
+          label="Self bonded"
+          value={selfBondFormated}
+        />
+        <ExplorerListItem row label="Total stake" value={totalStakeFormated} />
       </Stack>
     </ExplorerCard>
   );