diff --git a/apps/web/src/components/widgets/ErrorBoundary.tsx b/apps/web/src/components/widgets/ErrorBoundary.tsx
index 44c535431..915452d10 100644
--- a/apps/web/src/components/widgets/ErrorBoundary.tsx
+++ b/apps/web/src/components/widgets/ErrorBoundary.tsx
@@ -74,7 +74,7 @@ const ErrorBoundaryDebuggerChildren = (props: PropsWithChildren<{ error?: Error;
return (
*': { outline: '1px dotted red' } }}
onContextMenu={event => {
event.preventDefault()
event.stopPropagation()
diff --git a/apps/web/src/components/widgets/staking/PoolStakes.tsx b/apps/web/src/components/widgets/staking/PoolStakes.tsx
index 64cf068c3..177f6ce2c 100644
--- a/apps/web/src/components/widgets/staking/PoolStakes.tsx
+++ b/apps/web/src/components/widgets/staking/PoolStakes.tsx
@@ -2,6 +2,7 @@ import { selectedSubstrateAccountsState } from '@domains/accounts'
import { usePoolStakes } from '@domains/nominationPools/hooks'
import { useRecoilValue } from 'recoil'
import PoolStakeItem from './PoolStakeItem'
+import ErrorBoundary from '../ErrorBoundary'
const PoolStakes = () => {
const pools = usePoolStakes(useRecoilValue(selectedSubstrateAccountsState))
@@ -9,7 +10,9 @@ const PoolStakes = () => {
return (
<>
{pools?.map((pool, index) => (
-
+
+
+
))}
>
)
diff --git a/apps/web/src/components/widgets/staking/Stakes.tsx b/apps/web/src/components/widgets/staking/Stakes.tsx
index aabdf902a..3ad128bf4 100644
--- a/apps/web/src/components/widgets/staking/Stakes.tsx
+++ b/apps/web/src/components/widgets/staking/Stakes.tsx
@@ -1,11 +1,11 @@
import SectionHeader from '@components/molecules/SectionHeader'
import StakeItem from '@components/recipes/StakeItem'
+import { ChainProvider, chainsState } from '@domains/chains'
import { Button, HiddenDetails, Text } from '@talismn/ui'
import { Suspense, useId } from 'react'
import { Link } from 'react-router-dom'
import { useRecoilValue } from 'recoil'
-
-import { ChainProvider, chainsState } from '@domains/chains'
+import ErrorBoundary from '../ErrorBoundary'
import PoolStakes from './PoolStakes'
import ValidatorStakes from './ValidatorStakes'
@@ -59,8 +59,12 @@ const Stakes = () => {
fallback={
}
>
-
-
+
+
+
+
+
+
))}
diff --git a/apps/web/src/components/widgets/staking/ValidatorStakes.tsx b/apps/web/src/components/widgets/staking/ValidatorStakes.tsx
index 71a9a6401..7c1bfa256 100644
--- a/apps/web/src/components/widgets/staking/ValidatorStakes.tsx
+++ b/apps/web/src/components/widgets/staking/ValidatorStakes.tsx
@@ -6,6 +6,7 @@ import { useDeriveState, useQueryMultiState, useQueryState } from '@talismn/reac
import { useMemo } from 'react'
import { useRecoilValue, useRecoilValueLoadable, waitForAll } from 'recoil'
import ValidatorStakeItem from './ValidatorStakeItem'
+import ErrorBoundary from '../ErrorBoundary'
const useStakes = () => {
const accounts = useRecoilValue(selectedSubstrateAccountsState)
@@ -79,7 +80,9 @@ const BaseValidatorStakes = () => {
return (
<>
{stakes.map((props, index) => (
-
+
+
+
))}
>
)
@@ -95,7 +98,9 @@ const ValidatorStakesWithFastUnstake = () => {
return (
<>
{stakes.map((props, index) => (
-
+
+
+
))}
>
)