UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: auth screens, error pages и новый канон внешних контуров
This commit is contained in:
@@ -16,18 +16,8 @@ import DefaultLayout from "@/layouts/default-layout";
|
||||
const linkMap = [
|
||||
{
|
||||
key: "mail_to",
|
||||
label: "Contact Support",
|
||||
value: "mailto:support@plane.so",
|
||||
},
|
||||
{
|
||||
key: "status",
|
||||
label: "Status Page",
|
||||
value: "https://status.plane.so/",
|
||||
},
|
||||
{
|
||||
key: "twitter_handle",
|
||||
label: "@planepowers",
|
||||
value: "https://x.com/planepowers",
|
||||
label: "Служба поддержки",
|
||||
value: "https://nodedc.dctouch.ru/",
|
||||
},
|
||||
];
|
||||
|
||||
@@ -45,22 +35,20 @@ export function ProdErrorComponent({ onGoHome }: ProdErrorComponentProps) {
|
||||
|
||||
return (
|
||||
<DefaultLayout>
|
||||
<div className="relative container mx-auto flex h-full w-full max-w-xl flex-col items-center justify-center gap-2 gap-y-6 bg-surface-1 px-6 text-center">
|
||||
<div className="relative w-full">
|
||||
<div className="relative container mx-auto flex h-full w-full max-w-3xl items-center justify-center px-6 py-10">
|
||||
<div className="nodedc-error-shell relative flex w-full flex-col gap-6 text-left">
|
||||
<img
|
||||
src={maintenanceModeImage}
|
||||
height="176"
|
||||
width="288"
|
||||
alt="ProjectSettingImg"
|
||||
className="h-full w-full object-fill object-center"
|
||||
className="mx-auto h-full w-full max-w-[18rem] object-fill object-center"
|
||||
/>
|
||||
</div>
|
||||
<div className="relative mt-4 flex w-full flex-col gap-4">
|
||||
<div className="flex flex-col gap-2.5">
|
||||
<h1 className="text-left text-18 font-semibold text-primary">🚧 Looks like something went wrong!</h1>
|
||||
<span className="text-left text-14 font-medium text-secondary">
|
||||
We track these errors automatically and working on getting things back up and running. If the problem
|
||||
persists feel free to contact us. In the meantime, try refreshing.
|
||||
<h1 className="text-18 font-semibold text-primary">🚧 Похоже, что-то пошло не так.</h1>
|
||||
<span className="text-14 font-medium text-secondary">
|
||||
Мы уже зафиксировали ошибку и пытаемся восстановить работу. Если проблема сохраняется, обратитесь в
|
||||
службу поддержки и обновите страницу.
|
||||
</span>
|
||||
</div>
|
||||
|
||||
@@ -71,7 +59,7 @@ export function ProdErrorComponent({ onGoHome }: ProdErrorComponentProps) {
|
||||
href={link.value}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="text-13 text-accent-primary hover:underline"
|
||||
className="nodedc-error-link text-13"
|
||||
>
|
||||
{link.label}
|
||||
</a>
|
||||
@@ -80,8 +68,8 @@ export function ProdErrorComponent({ onGoHome }: ProdErrorComponentProps) {
|
||||
</div>
|
||||
|
||||
<div className="flex items-center justify-start gap-6">
|
||||
<Button variant="primary" size="lg" onClick={onGoHome}>
|
||||
Go to home
|
||||
<Button variant="primary" size="lg" onClick={onGoHome} className="nodedc-error-primary">
|
||||
На главную
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user