diff --git a/src/pages/wallet/ui/WalletPage.module.css b/src/pages/wallet/ui/WalletPage.module.css index 53581e6..6c009a1 100644 --- a/src/pages/wallet/ui/WalletPage.module.css +++ b/src/pages/wallet/ui/WalletPage.module.css @@ -26,6 +26,15 @@ z-index: 0; } +.error { + display: flex; + align-items: center; + justify-content: center; + min-height: 100vh; + color: var(--error, #ff4466); + font-size: 14px; +} + @media (max-width: 992px) { .glow { width: auto; diff --git a/src/pages/wallet/ui/WalletPage.tsx b/src/pages/wallet/ui/WalletPage.tsx index 28bd405..2e93e30 100644 --- a/src/pages/wallet/ui/WalletPage.tsx +++ b/src/pages/wallet/ui/WalletPage.tsx @@ -1,9 +1,18 @@ +import { Navigate } from 'react-router-dom' +import { useMe } from '@features/auth' +import { ROUTES } from '@shared/config/routes' import { BalanceCard } from '@widgets/balance-card' import { TokenTable } from '@widgets/token-table' import { WalletHeader } from '@widgets/wallet-header' import styles from './WalletPage.module.css' export function WalletPage() { + const { data, isLoading, isError } = useMe() + + if (isLoading) return null + if (isError) return