fix
This commit is contained in:
27
src/pages/converter/ui/ConverterPage.module.css
Normal file
27
src/pages/converter/ui/ConverterPage.module.css
Normal file
@@ -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;
|
||||
}
|
||||
}
|
||||
@@ -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 (
|
||||
<div className={styles.notice}>
|
||||
<h1 className={styles.title}>Покупка временно недоступна</h1>
|
||||
<p className={styles.text}>
|
||||
В настоящий момент покупка валюты невозможна. Мы работаем над
|
||||
восстановлением сервиса — попробуйте, пожалуйста, позже.
|
||||
</p>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
if (isLoading) {
|
||||
return <Spinner fullscreen size="lg" label="Загрузка данных аккаунта" />
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user