feat: add sui bonded token

graphql/queries/bondedToken.ts

@@ -57,3 +57,11 @@ export const getOasisBondedToken = () => `
         }
     }
 `;
+
+export const getSuiBondedToken = () => `
+    query SuiBondedToken {
+      suiBondedToken {
+        bondedToken
+      }
+    }
+`;

graphql/queries/index.tsx

@@ -5,6 +5,7 @@ import {
   getOasisBondedToken,
   getRadixBondedToken,
   getSolanaBondedToken,
+  getSuiBondedToken,
 } from "./bondedToken";
 import { getEachCosmosCommission } from "./commission";
 import { getEachCosmosInflation } from "./inflation";
@@ -27,26 +28,27 @@ import {
 } from "./usersCount";
 
 export {
-  getEachCosmosBondedToken,
-  getElrondBondedToken,
-  getRadixBondedToken,
-  getSolanaBondedToken,
-  getOasisBondedToken,
+  getAllCosmosTVL,
+  getCosmosUsersCount,
   getEachCosmosAPY,
-  getElrondAPY,
+  getEachCosmosBondedToken,
   getEachCosmosCommission,
+  getEachCosmosInflation,
   getEachCosmosTVL,
-  getAllCosmosTVL,
-  getSolanaTVL,
+  getEachCosmosTokenSupply,
+  getEachCosmosUnbondingTime,
+  getElrondAPY,
+  getElrondBondedToken,
   getElrondTVL,
-  getOasisTVL,
-  getRadixTVL,
-  getCosmosUsersCount,
-  getSolanaUsersCount,
   getElrondUsersCount,
+  getOasisBondedToken,
+  getOasisTVL,
   getOasisUsersCount,
+  getRadixBondedToken,
+  getRadixTVL,
   getRadixUsersCount,
-  getEachCosmosTokenSupply,
-  getEachCosmosInflation,
-  getEachCosmosUnbondingTime,
+  getSolanaBondedToken,
+  getSolanaTVL,
+  getSolanaUsersCount,
+  getSuiBondedToken,
 };

src/screens/staking/components/networks/components/network_grid/components/network_card/index.tsx

@@ -57,6 +57,9 @@ const NetworkCard: FC<CardProp> = (props: CardProp) => {
     [network],
   );
 
+  if (network.key === "sui") {
+    console.log("debug: index.tsx: networkSummary", network, networkSummary);
+  }
   const isEmptyPopover =
     networksWithoutPopover.has(network.graphql) ||
     (!!networkSummary &&

src/screens/staking/components/networks/components/network_grid/hooks.ts

@@ -13,6 +13,7 @@ import {
   getRadixTVL,
   getSolanaBondedToken,
   getSolanaTVL,
+  getSuiBondedToken,
 } from "@graphql/queries";
 import { useMemo, useState } from "react";
 
@@ -66,6 +67,11 @@ export const useNetworkHook = () => {
     ${getOasisTVL()}
   `);
 
+  const [suiNetwork, setSuiNetwork] = useState(oasisNetworkParams);
+  const { loading: suiBondedLoading, data: suiBondedData } = useQuery(gql`
+    ${getSuiBondedToken()}
+  `);
+
   const [radixNetwork, setRadixNetwork] = useState(radixNetworkParams);
   const { loading: radixBondedLoading, data: radixBondedData } = useQuery(gql`
     ${getRadixBondedToken()}
@@ -264,6 +270,20 @@ export const useNetworkHook = () => {
     }
   }, [oasisBondedData, oasisBondedLoading, oasisNetwork]);
 
+  useMemo(() => {
+    if (!suiBondedLoading && suiBondedData) {
+      const suiBondedToken = suiBondedData?.suiBondedToken
+        ?.bondedToken as string;
+
+      const bonded = Number(suiBondedToken);
+      if (Number.isNaN(bonded)) {
+        return;
+      }
+
+      setSuiNetwork({ sui: { bonded, APY: 0, TVL: 0 } });
+    }
+  }, [suiBondedLoading, suiBondedData]);
+
   useMemo(() => {
     if (!radixTVLLoading && radixTVLData) {
       const { radixTVL } = radixTVLData;
@@ -302,8 +322,9 @@ export const useNetworkHook = () => {
   return {
     cosmosNetworks,
     elrondNetwork,
-    solanaNetwork,
     oasisNetwork,
     radixNetwork,
+    solanaNetwork,
+    suiNetwork,
   };
 };

src/screens/staking/components/networks/index.tsx

@@ -17,16 +17,18 @@ const Networks = () => {
   const {
     cosmosNetworks,
     elrondNetwork,
-    solanaNetwork,
     oasisNetwork,
     radixNetwork,
+    solanaNetwork,
+    suiNetwork,
   } = useNetworkHook();
   const allNetworkInfo: NetworkProps = {
     ...cosmosNetworks,
     ...elrondNetwork,
-    ...solanaNetwork,
     ...oasisNetwork,
     ...radixNetwork,
+    ...solanaNetwork,
+    ...suiNetwork,
   };
   const allNetworkData = allNetworkKeys
     .map((x: string | number) => getNetworkInfo(x))