diff --git a/src/pages/converter/ui/ConverterPage.module.css b/src/pages/converter/ui/ConverterPage.module.css new file mode 100644 index 0000000..7c084aa --- /dev/null +++ b/src/pages/converter/ui/ConverterPage.module.css @@ -0,0 +1,27 @@ +.notice { + width: 100%; + max-width: 560px; + text-align: center; + background: var(--glass-bg); + border: 1px solid var(--glass-border); + border-radius: 24px; + padding: 48px 40px; +} + +.title { + font-size: clamp(24px, 3vw, 32px); + font-weight: 700; +} + +.text { + font-size: 15px; + line-height: 1.6; + color: var(--text-secondary); + margin-top: 16px; +} + +@media (max-width: 768px) { + .notice { + padding: 32px 20px; + } +} diff --git a/src/pages/converter/ui/ConverterPage.tsx b/src/pages/converter/ui/ConverterPage.tsx index fc1ef5c..3f9f68e 100644 --- a/src/pages/converter/ui/ConverterPage.tsx +++ b/src/pages/converter/ui/ConverterPage.tsx @@ -2,10 +2,27 @@ import { useMe } from '@features/auth' import { Spinner } from '@shared/ui' import { ConverterSection } from '@widgets/converter-page' import { LegalConverterPage } from './LegalConverterPage' +import styles from './ConverterPage.module.css' + +// Пока покупка валюты недоступна — показываем заглушку вместо конвертера. +// Чтобы вернуть основной контент, поставьте PURCHASE_ENABLED = true. +const PURCHASE_ENABLED = false export function ConverterPage() { const { data, isLoading } = useMe() + if (!PURCHASE_ENABLED) { + return ( +
+

Покупка временно недоступна

+

+ В настоящий момент покупка валюты невозможна. Мы работаем над + восстановлением сервиса — попробуйте, пожалуйста, позже. +

+
+ ) + } + if (isLoading) { return }