ochenstarik/krona-front
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(control-center): adapt ControlForbiddenPage styling and RU strings

Browse source
This commit is contained in:
ochenstarik 2026-09-11 09:39:10 +07:00
parent b762f72178
commit 41aa560d38
1 changed files with 17 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
src/features/control-center/pages/ControlForbiddenPage.tsx
View file

@ -1,41 +1,43 @@
import React from 'react';
import { NavLink } from 'react-router-dom';
import { ShieldAlert, ArrowLeft } from 'lucide-react';
import { RU_UI } from '../locales/ru';
export const ControlForbiddenPage: React.FC = () => {
return (
<div className="min-h-screen bg-[#07130e] text-zinc-100 flex items-center justify-center p-6">
<div className="w-full max-w-md rounded-2xl border border-rose-850 bg-[#0d1e17] p-8 text-center space-y-5 shadow-2xl">
<div className="w-16 h-16 rounded-2xl bg-rose-950/60 border border-rose-700/50 flex items-center justify-center text-rose-400 mx-auto">
<div className="min-h-screen bg-krona-app text-krona-primary flex items-center justify-center p-4 md:p-6 transition-colors duration-200">
<div className="w-full max-w-md rounded-2xl border border-rose-500/40 bg-krona-surface p-6 md:p-8 text-center space-y-5 shadow-xl">
<div className="w-16 h-16 rounded-2xl bg-rose-500/15 border border-rose-500/30 flex items-center justify-center text-rose-500 mx-auto">
<ShieldAlert className="w-8 h-8" />
</div>
<div>
<span className="text-xs font-mono font-bold uppercase tracking-widest text-rose-400">
HTTP 403 FORBIDDEN
<span className="text-xs font-mono font-bold uppercase tracking-widest text-rose-500">
HTTP 403 • Доступ ограничен
</span>
<h1 className="text-2xl font-black text-zinc-100 mt-1">Доступ закрыт</h1>
<p className="text-xs text-zinc-400 mt-2 leading-relaxed">
Раздел Krona Control Center предназначен исключительно для авторизованных системных операторов платформы
(Platform Owner / Platform Admin / Support / Billing).
<h1 className="text-xl md:text-2xl font-black text-krona-primary mt-1">
{RU_UI.forbiddenTitle}
</h1>
<p className="text-xs text-krona-secondary mt-2 leading-relaxed">
{RU_UI.forbiddenDescription}
</p>
</div>
<div className="p-3 rounded-lg bg-zinc-950/60 border border-zinc-800 text-xs text-zinc-400">
Если вы оператор демонстрационного стенда, переключитесь на роль платформы в сессионном переключателе или
авторизуйтесь через Access Gate.
<div className="p-3.5 rounded-xl bg-krona-workspace border border-krona-border text-xs text-krona-secondary">
Если вы оператор демонстрационного стенда, переключитесь на роль Владельца или Администратора в сессионном переключателе профиля.
</div>
<div className="flex flex-col gap-2 pt-2">
<NavLink
to="/"
className="w-full py-2.5 px-4 rounded-xl bg-zinc-900 border border-zinc-700 hover:bg-zinc-800 text-zinc-200 text-xs font-semibold flex items-center justify-center gap-2 transition-colors"
to="/control"
className="w-full min-h-[44px] py-2.5 px-4 rounded-xl bg-amber-500 hover:bg-amber-400 text-zinc-950 text-xs font-bold flex items-center justify-center gap-2 transition-colors shadow-xs"
>
<ArrowLeft className="w-4 h-4" />
<span>Вернуться в клиентское приложение</span>
<span>{RU_UI.forbiddenBack}</span>
</NavLink>
</div>
</div>
</div>
);
};