Feat: nominator count, init token + yield after connect

.changeset/cold-garlics-pump.md

@@ -0,0 +1,5 @@
+---
+"@stakekit/widget": patch
+---
+
+feat: nominator count in validator info

.changeset/heavy-bottles-brake.md

@@ -0,0 +1,5 @@
+---
+"@stakekit/widget": patch
+---
+
+fix: init token + yield after connect

package.json

@@ -26,7 +26,7 @@
     "knip": "^5.50.3",
     "turbo": "^2.5.0"
   },
-  "packageManager": "pnpm@10.9.0",
+  "packageManager": "pnpm@10.10.0",
   "pnpm": {
     "overrides": {
       "@types/react": "19.0.10",

packages/widget/src/components/molecules/select-validator/meta-info.tsx

@@ -20,10 +20,16 @@ export const useMetaInfo = ({
   rewardRate,
   rewardType,
   website,
+  nominatorCount,
 }: {
   [Key in keyof Pick<
     ValidatorDto,
-    "stakedBalance" | "votingPower" | "commission" | "address" | "website"
+    | "stakedBalance"
+    | "votingPower"
+    | "commission"
+    | "address"
+    | "website"
+    | "nominatorCount"
   >]: ValidatorDto[Key] | undefined;
 } & {
   stakedBalanceToken: YieldDto["token"] | undefined;
@@ -35,7 +41,12 @@ export const useMetaInfo = ({
   return useMemo<{
     [Key in keyof Pick<
       ValidatorDto,
-      "stakedBalance" | "votingPower" | "commission" | "address" | "website"
+      | "stakedBalance"
+      | "votingPower"
+      | "commission"
+      | "address"
+      | "website"
+      | "nominatorCount"
     >]: { title: string; val: ReactNode } | null;
   }>(
     () => ({
@@ -70,6 +81,12 @@ export const useMetaInfo = ({
               .orDefault("-"),
           }
         : null,
+      nominatorCount: Number.isInteger(nominatorCount)
+        ? {
+            title: t("details.validators_nominator_count"),
+            val: nominatorCount,
+          }
+        : null,
       commission: commission
         ? {
             title: t("details.validators_comission"),
@@ -109,6 +126,7 @@ export const useMetaInfo = ({
       commission,
       address,
       website,
+      nominatorCount,
     ]
   );
 };

packages/widget/src/components/molecules/select-validator/select-validator-list.tsx

@@ -214,6 +214,7 @@ export const SelectValidatorList = ({
                   commission={item.commission}
                   stakedBalance={item.stakedBalance}
                   votingPower={item.votingPower}
+                  nominatorCount={item.nominatorCount}
                   rewardRate={undefined}
                   rewardType={undefined}
                   stakedBalanceToken={selectedStake.token}

packages/widget/src/navigation/containers/animation-layout.tsx

@@ -68,7 +68,7 @@ export const AnimationLayout = ({ children }: PropsWithChildren) => {
           initial={{ height: 0 }}
           animate={animate}
           onAnimationComplete={(def: typeof animate) => {
-            if (!def.height || state.layout) {
+            if (!def.height || def.height !== animate.height || state.layout) {
               return;
             }
 

packages/widget/src/pages/details/earn-page/state/use-init-token.ts

@@ -18,8 +18,14 @@ import { useGetTokenBalancesMap } from "./use-get-token-balances-map";
  */
 export const useInitToken = () => {
   const getTokenBalancesMap = useGetTokenBalancesMap();
-  const { isLedgerLive, isConnected, network, additionalAddresses, address } =
-    useSKWallet();
+  const {
+    isLedgerLive,
+    isConnected,
+    network,
+    additionalAddresses,
+    address,
+    isConnecting,
+  } = useSKWallet();
   const queryClient = useSKQueryClient();
   const { data: positionsData } = usePositionsData();
 
@@ -34,6 +40,7 @@ export const useInitToken = () => {
       address,
       additionalAddresses,
     ],
+    enabled: !isConnecting,
     queryFn: async () =>
       (
         await getTokenBalances({

packages/widget/src/pages/details/earn-page/state/use-init-yield.ts

@@ -18,8 +18,14 @@ export const useInitYield = ({
   selectedToken: Maybe<TokenDto>;
 }) => {
   const getTokenBalancesMap = useGetTokenBalancesMap();
-  const { isLedgerLive, isConnected, network, additionalAddresses, address } =
-    useSKWallet();
+  const {
+    isLedgerLive,
+    isConnected,
+    network,
+    additionalAddresses,
+    address,
+    isConnecting,
+  } = useSKWallet();
   const queryClient = useSKQueryClient();
   const { externalProviders, tokensForEnabledYieldsOnly } = useSettings();
   const { data: positionsData } = usePositionsData();
@@ -34,6 +40,7 @@ export const useInitYield = ({
       address,
       selectedToken.extract(),
     ],
+    enabled: !isConnecting,
     queryFn: async () =>
       (
         await EitherAsync.liftEither(

packages/widget/src/translation/English/translations.json

@@ -135,7 +135,8 @@
     "validators_voting_power": "Voting power",
     "validators_address": "Address",
     "validators_comission": "Commission",
-    "validators_website": "Website"
+    "validators_website": "Website",
+    "validators_nominator_count": "Nominator count"
   },
   "review": {
     "estimated_reward": "Estimated rewards",

packages/widget/src/translation/French/translations.json

@@ -135,7 +135,8 @@
     "validators_voting_power": "Droit de vote",
     "validators_address": "Adresse",
     "validators_comission": "Commission",
-    "validators_website": "Site web"
+    "validators_website": "Site web",
+    "validators_nominator_count": "Nombre de nominators"
   },
   "review": {
     "estimated_reward": "Récompenses estimées",