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 { Spinner } from '@shared/ui'
|
||||||
import { ConverterSection } from '@widgets/converter-page'
|
import { ConverterSection } from '@widgets/converter-page'
|
||||||
import { LegalConverterPage } from './LegalConverterPage'
|
import { LegalConverterPage } from './LegalConverterPage'
|
||||||
|
import styles from './ConverterPage.module.css'
|
||||||
|
|
||||||
|
// Пока покупка валюты недоступна — показываем заглушку вместо конвертера.
|
||||||
|
// Чтобы вернуть основной контент, поставьте PURCHASE_ENABLED = true.
|
||||||
|
const PURCHASE_ENABLED = false
|
||||||
|
|
||||||
export function ConverterPage() {
|
export function ConverterPage() {
|
||||||
const { data, isLoading } = useMe()
|
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) {
|
if (isLoading) {
|
||||||
return <Spinner fullscreen size="lg" label="Загрузка данных аккаунта" />
|
return <Spinner fullscreen size="lg" label="Загрузка данных аккаунта" />
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user