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) => ( - + + + ))} )