diff --git a/src/widgets/staking/ui/PositionsPanel.module.css b/src/widgets/staking/ui/PositionsPanel.module.css index c4e595d..acc1ea3 100644 --- a/src/widgets/staking/ui/PositionsPanel.module.css +++ b/src/widgets/staking/ui/PositionsPanel.module.css @@ -212,6 +212,45 @@ padding: 24px 0; } +.emptyState { + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + gap: 6px; + padding: 28px 18px; + border: 1px dashed var(--glass-border); + border-radius: 14px; + background: var(--bg-deep); +} + +.emptyIcon { + display: flex; + align-items: center; + justify-content: center; + width: 52px; + height: 52px; + margin-bottom: 4px; + border-radius: 50%; + color: var(--text-secondary); + background: rgba(255, 255, 255, 0.05); +} + +.emptyTitle { + margin: 0; + font-size: 15px; + font-weight: 700; + color: var(--text-primary); +} + +.emptyText { + margin: 0; + font-size: 13px; + line-height: 1.5; + color: var(--text-secondary); + max-width: 280px; +} + .amount+.btn, .meta+.btn { margin-top: 2px; diff --git a/src/widgets/staking/ui/PositionsPanel.tsx b/src/widgets/staking/ui/PositionsPanel.tsx index ed68e31..c25ec40 100644 --- a/src/widgets/staking/ui/PositionsPanel.tsx +++ b/src/widgets/staking/ui/PositionsPanel.tsx @@ -48,7 +48,21 @@ export function PositionsPanel({ chain, onUnstakeEth, onUnstakeSol, onClaim, uns
На данный момент у Вас нет активных позиций стейкинга.
} + {!isLoading && !isError && data?.chain === 'ETH' && !empty && (parseFloat(data.stEthBalanceWeiHuman) || 0) > 0.00000000000001 ? ( +Активных позиций пока нет
+На данный момент у Вас нет активных позиций стейкинга.
+