💄(frontend) add standalone 503 error page

Standalone 503 page matches email confirmation layout with header and footer.
This commit is contained in:
Ovgodd
2026-09-08 11:26:17 +02:00
parent 8ec3ae880f
commit e240c62f9f
7 changed files with 251 additions and 2 deletions
+3 -2
View File
@@ -10,13 +10,14 @@ and this project adheres to
- 🐛(backend) skip session creation for the liveness probe
- 🐛(frontend) preserve page titles when adding an emoji #2586
- 💄(frontend) add standalone 503 error page #2655
- 💄(frontend) redesign email confirmation standalone page #2601
## [v5.6.1] - 2026-09-04
### Added
- ✨(frontend) export presenter slides as PDF #2487
- 💄(frontend) redesign email confirmation standalone page #2601
### Fixed
@@ -49,7 +50,7 @@ and this project adheres to
- 🐛(backend) fix duplicating a document that has no content #2609
- 📄(frontend) allowed partially export when MIT #2551
- 🐛(backend) manage async support for Docs custom middleware #2619
- 🐛(frontend) save the doc with a keepalive
- 🐛(frontend) save the doc with a keepalive
request when leaving the page #2619
### Removed
@@ -0,0 +1,18 @@
import { expect, test } from '@playwright/test';
test.describe('503', () => {
test('checks all the elements are visible', async ({ page }) => {
await page.goto('/503');
await expect(
page.getByRole('heading', { level: 1, name: 'Error 503' }),
).toBeVisible();
await expect(
page.getByText('The server is temporarily overloaded or unavailable'),
).toBeVisible();
await expect(
page.getByRole('button', { name: 'Refresh page' }),
).toBeVisible();
await expect(page.getByTestId('header-logo-link')).toBeVisible();
});
});
@@ -0,0 +1,90 @@
<svg width="102" height="72" viewBox="0 0 102 72" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_12121_1712)">
<path d="M15.0348 35.3243C13.626 35.3243 12.3933 35.04 11.3367 34.4713C10.2893 33.9122 9.46906 33.135 8.87588 32.1399C8.29196 31.1448 8 30.0075 8 28.7281C8 27.7045 8.19464 26.7663 8.58392 25.9133C8.98246 25.0509 9.53858 24.3117 10.2523 23.6956C10.9752 23.0701 11.8094 22.6152 12.7548 22.3309C12.8845 20.9093 13.2506 19.592 13.8531 18.3789C14.4648 17.1658 15.248 16.1091 16.2026 15.2087C17.1666 14.3084 18.2603 13.6071 19.4837 13.1048C20.7164 12.6025 22.0186 12.3513 23.3904 12.3513C25.5036 12.3513 27.3851 12.882 29.0349 13.9435C30.6847 15.005 31.9777 16.4882 32.9138 18.3931C34.1836 18.3836 35.3561 18.5921 36.4312 19.0186C37.5156 19.4356 38.4564 20.0279 39.2535 20.7956C40.0506 21.5633 40.6716 22.4589 41.1164 23.4824C41.5613 24.506 41.7838 25.6243 41.7838 26.8374C41.7838 28.022 41.566 29.1309 41.1304 30.1639C40.704 31.1969 40.1015 32.0973 39.323 32.8649C38.5537 33.6326 37.6547 34.2344 36.6258 34.6704C35.597 35.1063 34.4848 35.3243 33.2892 35.3243H15.0348Z" fill="black"/>
<path d="M15.0348 35.3243C13.626 35.3243 12.3933 35.04 11.3367 34.4713C10.2893 33.9122 9.46906 33.135 8.87588 32.1399C8.29196 31.1448 8 30.0075 8 28.7281C8 27.7045 8.19464 26.7663 8.58392 25.9133C8.98246 25.0509 9.53858 24.3117 10.2523 23.6956C10.9752 23.0701 11.8094 22.6152 12.7548 22.3309C12.8845 20.9093 13.2506 19.592 13.8531 18.3789C14.4648 17.1658 15.248 16.1091 16.2026 15.2087C17.1666 14.3084 18.2603 13.6071 19.4837 13.1048C20.7164 12.6025 22.0186 12.3513 23.3904 12.3513C25.5036 12.3513 27.3851 12.882 29.0349 13.9435C30.6847 15.005 31.9777 16.4882 32.9138 18.3931C34.1836 18.3836 35.3561 18.5921 36.4312 19.0186C37.5156 19.4356 38.4564 20.0279 39.2535 20.7956C40.0506 21.5633 40.6716 22.4589 41.1164 23.4824C41.5613 24.506 41.7838 25.6243 41.7838 26.8374C41.7838 28.022 41.566 29.1309 41.1304 30.1639C40.704 31.1969 40.1015 32.0973 39.323 32.8649C38.5537 33.6326 37.6547 34.2344 36.6258 34.6704C35.597 35.1063 34.4848 35.3243 33.2892 35.3243H15.0348Z" fill="#6D778C"/>
<path d="M15.0348 35.3243C13.626 35.3243 12.3933 35.04 11.3367 34.4713C10.2893 33.9122 9.46906 33.135 8.87588 32.1399C8.29196 31.1448 8 30.0075 8 28.7281C8 27.7045 8.19464 26.7663 8.58392 25.9133C8.98246 25.0509 9.53858 24.3117 10.2523 23.6956C10.9752 23.0701 11.8094 22.6152 12.7548 22.3309C12.8845 20.9093 13.2506 19.592 13.8531 18.3789C14.4648 17.1658 15.248 16.1091 16.2026 15.2087C17.1666 14.3084 18.2603 13.6071 19.4837 13.1048C20.7164 12.6025 22.0186 12.3513 23.3904 12.3513C25.5036 12.3513 27.3851 12.882 29.0349 13.9435C30.6847 15.005 31.9777 16.4882 32.9138 18.3931C34.1836 18.3836 35.3561 18.5921 36.4312 19.0186C37.5156 19.4356 38.4564 20.0279 39.2535 20.7956C40.0506 21.5633 40.6716 22.4589 41.1164 23.4824C41.5613 24.506 41.7838 25.6243 41.7838 26.8374C41.7838 28.022 41.566 29.1309 41.1304 30.1639C40.704 31.1969 40.1015 32.0973 39.323 32.8649C38.5537 33.6326 37.6547 34.2344 36.6258 34.6704C35.597 35.1063 34.4848 35.3243 33.2892 35.3243H15.0348Z" fill="#F6F8F9" fill-opacity="0.65"/>
<path d="M15.0348 35.3243C13.626 35.3243 12.3933 35.04 11.3367 34.4713C10.2893 33.9122 9.46906 33.135 8.87588 32.1399C8.29196 31.1448 8 30.0075 8 28.7281C8 27.7045 8.19464 26.7663 8.58392 25.9133C8.98246 25.0509 9.53858 24.3117 10.2523 23.6956C10.9752 23.0701 11.8094 22.6152 12.7548 22.3309C12.8845 20.9093 13.2506 19.592 13.8531 18.3789C14.4648 17.1658 15.248 16.1091 16.2026 15.2087C17.1666 14.3084 18.2603 13.6071 19.4837 13.1048C20.7164 12.6025 22.0186 12.3513 23.3904 12.3513C25.5036 12.3513 27.3851 12.882 29.0349 13.9435C30.6847 15.005 31.9777 16.4882 32.9138 18.3931C34.1836 18.3836 35.3561 18.5921 36.4312 19.0186C37.5156 19.4356 38.4564 20.0279 39.2535 20.7956C40.0506 21.5633 40.6716 22.4589 41.1164 23.4824C41.5613 24.506 41.7838 25.6243 41.7838 26.8374C41.7838 28.022 41.566 29.1309 41.1304 30.1639C40.704 31.1969 40.1015 32.0973 39.323 32.8649C38.5537 33.6326 37.6547 34.2344 36.6258 34.6704C35.597 35.1063 34.4848 35.3243 33.2892 35.3243H15.0348Z" fill="url(#paint0_linear_12121_1712)" fill-opacity="0.2"/>
<path d="M23.3906 11.8787C25.5872 11.8787 27.559 12.4313 29.291 13.5457C30.942 14.6079 32.2453 16.0722 33.2051 17.9236C34.4165 17.9458 35.5497 18.1608 36.6006 18.5769C37.741 19.0154 38.7372 19.6412 39.582 20.4548C40.4243 21.266 41.0803 22.2137 41.5498 23.2937C42.0227 24.3818 42.2568 25.5654 42.2568 26.8376C42.2568 28.0816 42.0278 29.2531 41.5664 30.3474C41.1168 31.4356 40.4793 32.387 39.6562 33.199C38.8428 34.0107 37.8936 34.6473 36.8105 35.1062C35.7194 35.5686 34.5436 35.7976 33.2891 35.7976H15.0352C13.5618 35.7976 12.2489 35.4991 11.1123 34.8875V34.8865C9.99212 34.288 9.10772 33.4527 8.46973 32.3826L8.46777 32.3796C7.83677 31.3043 7.52737 30.0824 7.52734 28.7283C7.52734 27.6432 7.73341 26.6366 8.15332 25.7166L8.1543 25.7146C8.58079 24.7917 9.17757 23.9979 9.94238 23.3376C10.6395 22.7345 11.4331 22.281 12.3184 21.9753C12.4761 20.617 12.8446 19.3469 13.4297 18.1687L13.4307 18.1658C14.0662 16.9055 14.882 15.8043 15.8779 14.865L15.8799 14.863C16.8857 13.9236 18.0276 13.1907 19.3037 12.6667H19.3057C20.5967 12.1408 21.9597 11.8787 23.3906 11.8787Z" stroke="#6D778C" stroke-width="0.945946"/>
<path d="M23.3906 11.8787C25.5872 11.8787 27.559 12.4313 29.291 13.5457C30.942 14.6079 32.2453 16.0722 33.2051 17.9236C34.4165 17.9458 35.5497 18.1608 36.6006 18.5769C37.741 19.0154 38.7372 19.6412 39.582 20.4548C40.4243 21.266 41.0803 22.2137 41.5498 23.2937C42.0227 24.3818 42.2568 25.5654 42.2568 26.8376C42.2568 28.0816 42.0278 29.2531 41.5664 30.3474C41.1168 31.4356 40.4793 32.387 39.6562 33.199C38.8428 34.0107 37.8936 34.6473 36.8105 35.1062C35.7194 35.5686 34.5436 35.7976 33.2891 35.7976H15.0352C13.5618 35.7976 12.2489 35.4991 11.1123 34.8875V34.8865C9.99212 34.288 9.10772 33.4527 8.46973 32.3826L8.46777 32.3796C7.83677 31.3043 7.52737 30.0824 7.52734 28.7283C7.52734 27.6432 7.73341 26.6366 8.15332 25.7166L8.1543 25.7146C8.58079 24.7917 9.17757 23.9979 9.94238 23.3376C10.6395 22.7345 11.4331 22.281 12.3184 21.9753C12.4761 20.617 12.8446 19.3469 13.4297 18.1687L13.4307 18.1658C14.0662 16.9055 14.882 15.8043 15.8779 14.865L15.8799 14.863C16.8857 13.9236 18.0276 13.1907 19.3037 12.6667H19.3057C20.5967 12.1408 21.9597 11.8787 23.3906 11.8787Z" stroke="#F6F8F9" stroke-opacity="0.55" stroke-width="0.945946"/>
<path d="M23.3906 11.8787C25.5872 11.8787 27.559 12.4313 29.291 13.5457C30.942 14.6079 32.2453 16.0722 33.2051 17.9236C34.4165 17.9458 35.5497 18.1608 36.6006 18.5769C37.741 19.0154 38.7372 19.6412 39.582 20.4548C40.4243 21.266 41.0803 22.2137 41.5498 23.2937C42.0227 24.3818 42.2568 25.5654 42.2568 26.8376C42.2568 28.0816 42.0278 29.2531 41.5664 30.3474C41.1168 31.4356 40.4793 32.387 39.6562 33.199C38.8428 34.0107 37.8936 34.6473 36.8105 35.1062C35.7194 35.5686 34.5436 35.7976 33.2891 35.7976H15.0352C13.5618 35.7976 12.2489 35.4991 11.1123 34.8875V34.8865C9.99212 34.288 9.10772 33.4527 8.46973 32.3826L8.46777 32.3796C7.83677 31.3043 7.52737 30.0824 7.52734 28.7283C7.52734 27.6432 7.73341 26.6366 8.15332 25.7166L8.1543 25.7146C8.58079 24.7917 9.17757 23.9979 9.94238 23.3376C10.6395 22.7345 11.4331 22.281 12.3184 21.9753C12.4761 20.617 12.8446 19.3469 13.4297 18.1687L13.4307 18.1658C14.0662 16.9055 14.882 15.8043 15.8779 14.865L15.8799 14.863C16.8857 13.9236 18.0276 13.1907 19.3037 12.6667H19.3057C20.5967 12.1408 21.9597 11.8787 23.3906 11.8787Z" stroke="url(#paint1_linear_12121_1712)" stroke-opacity="0.2" stroke-width="0.945946"/>
</g>
<g filter="url(#filter1_d_12121_1712)">
<path d="M89.1399 51.5405C90.2106 51.5405 91.1474 51.323 91.9505 50.8882C92.7464 50.4606 93.3698 49.8663 93.8207 49.1054C94.2644 48.3444 94.4863 47.4747 94.4863 46.4963C94.4863 45.7136 94.3384 44.9961 94.0426 44.3439C93.7397 43.6843 93.317 43.1191 92.7746 42.648C92.2252 42.1697 91.5912 41.8218 90.8727 41.6044C90.7741 40.5173 90.4959 39.5099 90.038 38.5822C89.5731 37.6546 88.9779 36.8465 88.2523 36.158C87.5197 35.4695 86.6885 34.9332 85.7587 34.5491C84.8218 34.165 83.8322 33.9729 82.7896 33.9729C81.1836 33.9729 79.7536 34.3788 78.4998 35.1905C77.2459 36.0022 76.2633 37.1364 75.5518 38.5931C74.5868 38.5858 73.6957 38.7453 72.8786 39.0714C72.0545 39.3903 71.3395 39.8433 70.7337 40.4303C70.1279 41.0173 69.6559 41.7022 69.3178 42.4849C68.9797 43.2676 68.8107 44.1228 68.8107 45.0505C68.8107 45.9564 68.9762 46.8043 69.3073 47.5943C69.6313 48.3842 70.0892 49.0727 70.6809 49.6598C71.2655 50.2468 71.9488 50.707 72.7307 51.0404C73.5126 51.3738 74.3579 51.5405 75.2666 51.5405H89.1399Z" fill="black"/>
<path d="M89.1399 51.5405C90.2106 51.5405 91.1474 51.323 91.9505 50.8882C92.7464 50.4606 93.3698 49.8663 93.8207 49.1054C94.2644 48.3444 94.4863 47.4747 94.4863 46.4963C94.4863 45.7136 94.3384 44.9961 94.0426 44.3439C93.7397 43.6843 93.317 43.1191 92.7746 42.648C92.2252 42.1697 91.5912 41.8218 90.8727 41.6044C90.7741 40.5173 90.4959 39.5099 90.038 38.5822C89.5731 37.6546 88.9779 36.8465 88.2523 36.158C87.5197 35.4695 86.6885 34.9332 85.7587 34.5491C84.8218 34.165 83.8322 33.9729 82.7896 33.9729C81.1836 33.9729 79.7536 34.3788 78.4998 35.1905C77.2459 36.0022 76.2633 37.1364 75.5518 38.5931C74.5868 38.5858 73.6957 38.7453 72.8786 39.0714C72.0545 39.3903 71.3395 39.8433 70.7337 40.4303C70.1279 41.0173 69.6559 41.7022 69.3178 42.4849C68.9797 43.2676 68.8107 44.1228 68.8107 45.0505C68.8107 45.9564 68.9762 46.8043 69.3073 47.5943C69.6313 48.3842 70.0892 49.0727 70.6809 49.6598C71.2655 50.2468 71.9488 50.707 72.7307 51.0404C73.5126 51.3738 74.3579 51.5405 75.2666 51.5405H89.1399Z" fill="#6D778C"/>
<path d="M89.1399 51.5405C90.2106 51.5405 91.1474 51.323 91.9505 50.8882C92.7464 50.4606 93.3698 49.8663 93.8207 49.1054C94.2644 48.3444 94.4863 47.4747 94.4863 46.4963C94.4863 45.7136 94.3384 44.9961 94.0426 44.3439C93.7397 43.6843 93.317 43.1191 92.7746 42.648C92.2252 42.1697 91.5912 41.8218 90.8727 41.6044C90.7741 40.5173 90.4959 39.5099 90.038 38.5822C89.5731 37.6546 88.9779 36.8465 88.2523 36.158C87.5197 35.4695 86.6885 34.9332 85.7587 34.5491C84.8218 34.165 83.8322 33.9729 82.7896 33.9729C81.1836 33.9729 79.7536 34.3788 78.4998 35.1905C77.2459 36.0022 76.2633 37.1364 75.5518 38.5931C74.5868 38.5858 73.6957 38.7453 72.8786 39.0714C72.0545 39.3903 71.3395 39.8433 70.7337 40.4303C70.1279 41.0173 69.6559 41.7022 69.3178 42.4849C68.9797 43.2676 68.8107 44.1228 68.8107 45.0505C68.8107 45.9564 68.9762 46.8043 69.3073 47.5943C69.6313 48.3842 70.0892 49.0727 70.6809 49.6598C71.2655 50.2468 71.9488 50.707 72.7307 51.0404C73.5126 51.3738 74.3579 51.5405 75.2666 51.5405H89.1399Z" fill="#F6F8F9" fill-opacity="0.65"/>
<path d="M89.1399 51.5405C90.2106 51.5405 91.1474 51.323 91.9505 50.8882C92.7464 50.4606 93.3698 49.8663 93.8207 49.1054C94.2644 48.3444 94.4863 47.4747 94.4863 46.4963C94.4863 45.7136 94.3384 44.9961 94.0426 44.3439C93.7397 43.6843 93.317 43.1191 92.7746 42.648C92.2252 42.1697 91.5912 41.8218 90.8727 41.6044C90.7741 40.5173 90.4959 39.5099 90.038 38.5822C89.5731 37.6546 88.9779 36.8465 88.2523 36.158C87.5197 35.4695 86.6885 34.9332 85.7587 34.5491C84.8218 34.165 83.8322 33.9729 82.7896 33.9729C81.1836 33.9729 79.7536 34.3788 78.4998 35.1905C77.2459 36.0022 76.2633 37.1364 75.5518 38.5931C74.5868 38.5858 73.6957 38.7453 72.8786 39.0714C72.0545 39.3903 71.3395 39.8433 70.7337 40.4303C70.1279 41.0173 69.6559 41.7022 69.3178 42.4849C68.9797 43.2676 68.8107 44.1228 68.8107 45.0505C68.8107 45.9564 68.9762 46.8043 69.3073 47.5943C69.6313 48.3842 70.0892 49.0727 70.6809 49.6598C71.2655 50.2468 71.9488 50.707 72.7307 51.0404C73.5126 51.3738 74.3579 51.5405 75.2666 51.5405H89.1399Z" fill="url(#paint2_linear_12121_1712)" fill-opacity="0.2"/>
<path d="M82.79 33.5002C81.1001 33.5002 79.5793 33.9284 78.2432 34.7932C76.9883 35.6056 75.9943 36.7202 75.2598 38.1233C74.3524 38.1473 73.5005 38.3145 72.708 38.6301C71.8276 38.9708 71.0577 39.4579 70.4043 40.0911C69.7536 40.7217 69.2462 41.4582 68.8838 42.2971C68.518 43.144 68.3379 44.0638 68.3379 45.05C68.3379 46.0151 68.5144 46.9264 68.8711 47.7776L68.8721 47.7766C69.2191 48.6214 69.7108 49.361 70.3467 49.9924L70.3457 49.9934C70.9744 50.6246 71.7086 51.1192 72.5449 51.4758C73.3894 51.8359 74.2986 52.0139 75.2666 52.0139H89.1396C90.2754 52.0139 91.2925 51.7822 92.1758 51.304V51.303C93.045 50.8356 93.7322 50.1821 94.2275 49.3459L94.2295 49.344C94.72 48.5029 94.959 47.5489 94.959 46.4963C94.959 45.6527 94.7997 44.8677 94.4736 44.1487L94.4727 44.1467C94.142 43.4269 93.6785 42.8069 93.085 42.2913L92.8555 42.1018C92.3903 41.7384 91.8742 41.455 91.3096 41.2512C91.184 40.2266 90.9026 39.2662 90.4619 38.3733L90.4609 38.3704C89.9724 37.3955 89.3449 36.5423 88.5781 35.8147L88.5762 35.8137C87.8018 35.0859 86.9222 34.5176 85.9395 34.1116H85.9385C84.9431 33.7035 83.8921 33.5003 82.79 33.5002Z" stroke="#6D778C" stroke-width="0.945946"/>
<path d="M82.79 33.5002C81.1001 33.5002 79.5793 33.9284 78.2432 34.7932C76.9883 35.6056 75.9943 36.7202 75.2598 38.1233C74.3524 38.1473 73.5005 38.3145 72.708 38.6301C71.8276 38.9708 71.0577 39.4579 70.4043 40.0911C69.7536 40.7217 69.2462 41.4582 68.8838 42.2971C68.518 43.144 68.3379 44.0638 68.3379 45.05C68.3379 46.0151 68.5144 46.9264 68.8711 47.7776L68.8721 47.7766C69.2191 48.6214 69.7108 49.361 70.3467 49.9924L70.3457 49.9934C70.9744 50.6246 71.7086 51.1192 72.5449 51.4758C73.3894 51.8359 74.2986 52.0139 75.2666 52.0139H89.1396C90.2754 52.0139 91.2925 51.7822 92.1758 51.304V51.303C93.045 50.8356 93.7322 50.1821 94.2275 49.3459L94.2295 49.344C94.72 48.5029 94.959 47.5489 94.959 46.4963C94.959 45.6527 94.7997 44.8677 94.4736 44.1487L94.4727 44.1467C94.142 43.4269 93.6785 42.8069 93.085 42.2913L92.8555 42.1018C92.3903 41.7384 91.8742 41.455 91.3096 41.2512C91.184 40.2266 90.9026 39.2662 90.4619 38.3733L90.4609 38.3704C89.9724 37.3955 89.3449 36.5423 88.5781 35.8147L88.5762 35.8137C87.8018 35.0859 86.9222 34.5176 85.9395 34.1116H85.9385C84.9431 33.7035 83.8921 33.5003 82.79 33.5002Z" stroke="#F6F8F9" stroke-opacity="0.55" stroke-width="0.945946"/>
<path d="M82.79 33.5002C81.1001 33.5002 79.5793 33.9284 78.2432 34.7932C76.9883 35.6056 75.9943 36.7202 75.2598 38.1233C74.3524 38.1473 73.5005 38.3145 72.708 38.6301C71.8276 38.9708 71.0577 39.4579 70.4043 40.0911C69.7536 40.7217 69.2462 41.4582 68.8838 42.2971C68.518 43.144 68.3379 44.0638 68.3379 45.05C68.3379 46.0151 68.5144 46.9264 68.8711 47.7776L68.8721 47.7766C69.2191 48.6214 69.7108 49.361 70.3467 49.9924L70.3457 49.9934C70.9744 50.6246 71.7086 51.1192 72.5449 51.4758C73.3894 51.8359 74.2986 52.0139 75.2666 52.0139H89.1396C90.2754 52.0139 91.2925 51.7822 92.1758 51.304V51.303C93.045 50.8356 93.7322 50.1821 94.2275 49.3459L94.2295 49.344C94.72 48.5029 94.959 47.5489 94.959 46.4963C94.959 45.6527 94.7997 44.8677 94.4736 44.1487L94.4727 44.1467C94.142 43.4269 93.6785 42.8069 93.085 42.2913L92.8555 42.1018C92.3903 41.7384 91.8742 41.455 91.3096 41.2512C91.184 40.2266 90.9026 39.2662 90.4619 38.3733L90.4609 38.3704C89.9724 37.3955 89.3449 36.5423 88.5781 35.8147L88.5762 35.8137C87.8018 35.0859 86.9222 34.5176 85.9395 34.1116H85.9385C84.9431 33.7035 83.8921 33.5003 82.79 33.5002Z" stroke="url(#paint3_linear_12121_1712)" stroke-opacity="0.2" stroke-width="0.945946"/>
</g>
<g filter="url(#filter2_d_12121_1712)">
<path d="M50.0938 10.1895C50.7984 10.1895 51.4697 10.3537 52.0967 10.6797L52.0957 10.6807C52.7838 11.0072 53.3219 11.5367 53.7158 12.2256H53.7168L77.5342 53.7754L77.543 53.791L77.5508 53.8066C77.9324 54.5461 78.1328 55.3179 78.1328 56.1143C78.1328 57.2505 77.7445 58.2575 76.9844 59.0996L76.9854 59.1006C76.1959 60.0216 75.1177 60.459 73.8496 60.459H26.3076C25.0395 60.459 23.9613 60.0216 23.1719 59.1006V59.0996C22.4298 58.2544 22.0547 57.247 22.0547 56.1143C22.0547 55.7708 22.0913 55.405 22.1592 55.0205L22.1631 54.998L22.168 54.9766C22.2647 54.5656 22.4093 54.1678 22.6006 53.7852L22.6113 53.7646L22.623 53.7441L46.4404 12.2256C46.8364 11.5331 47.3782 11.002 48.0713 10.6758V10.6738C48.7121 10.3534 49.3893 10.1895 50.0938 10.1895Z" fill="#A75400"/>
<path d="M50.0938 10.1895C50.7984 10.1895 51.4697 10.3537 52.0967 10.6797L52.0957 10.6807C52.7838 11.0072 53.3219 11.5367 53.7158 12.2256H53.7168L77.5342 53.7754L77.543 53.791L77.5508 53.8066C77.9324 54.5461 78.1328 55.3179 78.1328 56.1143C78.1328 57.2505 77.7445 58.2575 76.9844 59.0996L76.9854 59.1006C76.1959 60.0216 75.1177 60.459 73.8496 60.459H26.3076C25.0395 60.459 23.9613 60.0216 23.1719 59.1006V59.0996C22.4298 58.2544 22.0547 57.247 22.0547 56.1143C22.0547 55.7708 22.0913 55.405 22.1592 55.0205L22.1631 54.998L22.168 54.9766C22.2647 54.5656 22.4093 54.1678 22.6006 53.7852L22.6113 53.7646L22.623 53.7441L46.4404 12.2256C46.8364 11.5331 47.3782 11.002 48.0713 10.6758V10.6738C48.7121 10.3534 49.3893 10.1895 50.0938 10.1895Z" fill="#F6F8F9" fill-opacity="0.25"/>
<path d="M50.0938 10.1895C50.7984 10.1895 51.4697 10.3537 52.0967 10.6797L52.0957 10.6807C52.7838 11.0072 53.3219 11.5367 53.7158 12.2256H53.7168L77.5342 53.7754L77.543 53.791L77.5508 53.8066C77.9324 54.5461 78.1328 55.3179 78.1328 56.1143C78.1328 57.2505 77.7445 58.2575 76.9844 59.0996L76.9854 59.1006C76.1959 60.0216 75.1177 60.459 73.8496 60.459H26.3076C25.0395 60.459 23.9613 60.0216 23.1719 59.1006V59.0996C22.4298 58.2544 22.0547 57.247 22.0547 56.1143C22.0547 55.7708 22.0913 55.405 22.1592 55.0205L22.1631 54.998L22.168 54.9766C22.2647 54.5656 22.4093 54.1678 22.6006 53.7852L22.6113 53.7646L22.623 53.7441L46.4404 12.2256C46.8364 11.5331 47.3782 11.002 48.0713 10.6758V10.6738C48.7121 10.3534 49.3893 10.1895 50.0938 10.1895Z" stroke="#A75400" stroke-width="1.62162"/>
<path d="M50.0938 10.1895C50.7984 10.1895 51.4697 10.3537 52.0967 10.6797L52.0957 10.6807C52.7838 11.0072 53.3219 11.5367 53.7158 12.2256H53.7168L77.5342 53.7754L77.543 53.791L77.5508 53.8066C77.9324 54.5461 78.1328 55.3179 78.1328 56.1143C78.1328 57.2505 77.7445 58.2575 76.9844 59.0996L76.9854 59.1006C76.1959 60.0216 75.1177 60.459 73.8496 60.459H26.3076C25.0395 60.459 23.9613 60.0216 23.1719 59.1006V59.0996C22.4298 58.2544 22.0547 57.247 22.0547 56.1143C22.0547 55.7708 22.0913 55.405 22.1592 55.0205L22.1631 54.998L22.168 54.9766C22.2647 54.5656 22.4093 54.1678 22.6006 53.7852L22.6113 53.7646L22.623 53.7441L46.4404 12.2256C46.8364 11.5331 47.3782 11.002 48.0713 10.6758V10.6738C48.7121 10.3534 49.3893 10.1895 50.0938 10.1895Z" stroke="#F6F8F9" stroke-opacity="0.45" stroke-width="1.62162"/>
<g filter="url(#filter3_d_12121_1712)">
<path d="M56.3028 32.6631L55.5212 32.6743C55.2881 32.6782 55.1076 32.6479 54.9798 32.5835C54.8566 32.5146 54.7359 32.4068 54.6175 32.2601L54.0779 31.5934L53.2758 31.584L52.6076 32.5761C52.4469 32.8178 52.2681 32.991 52.0712 33.0955C51.8744 33.2 51.6388 33.2518 51.3646 33.251L48.9512 33.2434C48.6176 33.2378 48.3344 33.1638 48.1017 33.0214C47.8691 32.8698 47.6756 32.6201 47.5213 32.2722L46.6772 30.3362C46.0593 30.5948 45.5278 31.0045 45.0827 31.5653C44.6422 32.1216 44.2905 32.7581 44.0278 33.4749C43.9632 33.6575 43.8508 33.792 43.6906 33.8783C43.5349 33.9601 43.3794 33.9916 43.224 33.9729C43.0276 33.9494 42.8519 33.8643 42.6969 33.7175C42.5466 33.5662 42.4673 33.3443 42.459 33.0517C42.4291 32.3797 42.5775 31.6946 42.9043 30.9963C43.231 30.2888 43.6764 29.6366 44.2405 29.0396C44.8091 28.438 45.446 27.9555 46.151 27.5921C46.8561 27.2195 47.572 27.032 48.2987 27.0297L50.9726 27.0244C51.4023 27.0257 51.7632 27.0954 52.0553 27.2334C52.3474 27.3623 52.5708 27.555 52.7254 27.8114L53.2847 28.7319L54.0869 28.7276L54.6375 28.0574C54.7476 27.9115 54.8645 27.809 54.9881 27.7499C55.1071 27.6863 55.2832 27.6572 55.5163 27.6625L56.3253 27.665C56.5904 27.6658 56.8027 27.7419 56.9622 27.8932C57.1217 28.0446 57.2056 28.2437 57.214 28.4905L57.1968 31.8157C57.1959 32.0808 57.1153 32.2885 56.9549 32.4388C56.7899 32.5846 56.5725 32.6593 56.3028 32.6631ZM49.2828 53.6688C48.6612 53.6669 48.1819 53.4734 47.8449 53.0884C47.5124 52.708 47.3724 52.1773 47.4248 51.4965L48.6567 34.6341C48.7115 34.6434 48.7686 34.6505 48.828 34.6552C48.8829 34.6554 48.9377 34.6556 48.9926 34.6557L51.1591 34.6625C51.2231 34.6627 51.2848 34.6606 51.3442 34.6562C51.4037 34.6518 51.4631 34.6474 51.5225 34.6431L52.6422 51.5196C52.6904 52.1917 52.5425 52.7214 52.1985 53.1089C51.8544 53.4963 51.3716 53.6891 50.75 53.6871L49.2828 53.6688Z" fill="#A75400"/>
<path d="M56.3028 32.6631L55.5212 32.6743C55.2881 32.6782 55.1076 32.6479 54.9798 32.5835C54.8566 32.5146 54.7359 32.4068 54.6175 32.2601L54.0779 31.5934L53.2758 31.584L52.6076 32.5761C52.4469 32.8178 52.2681 32.991 52.0712 33.0955C51.8744 33.2 51.6388 33.2518 51.3646 33.251L48.9512 33.2434C48.6176 33.2378 48.3344 33.1638 48.1017 33.0214C47.8691 32.8698 47.6756 32.6201 47.5213 32.2722L46.6772 30.3362C46.0593 30.5948 45.5278 31.0045 45.0827 31.5653C44.6422 32.1216 44.2905 32.7581 44.0278 33.4749C43.9632 33.6575 43.8508 33.792 43.6906 33.8783C43.5349 33.9601 43.3794 33.9916 43.224 33.9729C43.0276 33.9494 42.8519 33.8643 42.6969 33.7175C42.5466 33.5662 42.4673 33.3443 42.459 33.0517C42.4291 32.3797 42.5775 31.6946 42.9043 30.9963C43.231 30.2888 43.6764 29.6366 44.2405 29.0396C44.8091 28.438 45.446 27.9555 46.151 27.5921C46.8561 27.2195 47.572 27.032 48.2987 27.0297L50.9726 27.0244C51.4023 27.0257 51.7632 27.0954 52.0553 27.2334C52.3474 27.3623 52.5708 27.555 52.7254 27.8114L53.2847 28.7319L54.0869 28.7276L54.6375 28.0574C54.7476 27.9115 54.8645 27.809 54.9881 27.7499C55.1071 27.6863 55.2832 27.6572 55.5163 27.6625L56.3253 27.665C56.5904 27.6658 56.8027 27.7419 56.9622 27.8932C57.1217 28.0446 57.2056 28.2437 57.214 28.4905L57.1968 31.8157C57.1959 32.0808 57.1153 32.2885 56.9549 32.4388C56.7899 32.5846 56.5725 32.6593 56.3028 32.6631ZM49.2828 53.6688C48.6612 53.6669 48.1819 53.4734 47.8449 53.0884C47.5124 52.708 47.3724 52.1773 47.4248 51.4965L48.6567 34.6341C48.7115 34.6434 48.7686 34.6505 48.828 34.6552C48.8829 34.6554 48.9377 34.6556 48.9926 34.6557L51.1591 34.6625C51.2231 34.6627 51.2848 34.6606 51.3442 34.6562C51.4037 34.6518 51.4631 34.6474 51.5225 34.6431L52.6422 51.5196C52.6904 52.1917 52.5425 52.7214 52.1985 53.1089C51.8544 53.4963 51.3716 53.6891 50.75 53.6871L49.2828 53.6688Z" fill="#F6F8F9" fill-opacity="0.9"/>
<path d="M56.3028 32.6631L55.5212 32.6743C55.2881 32.6782 55.1076 32.6479 54.9798 32.5835C54.8566 32.5146 54.7359 32.4068 54.6175 32.2601L54.0779 31.5934L53.2758 31.584L52.6076 32.5761C52.4469 32.8178 52.2681 32.991 52.0712 33.0955C51.8744 33.2 51.6388 33.2518 51.3646 33.251L48.9512 33.2434C48.6176 33.2378 48.3344 33.1638 48.1017 33.0214C47.8691 32.8698 47.6756 32.6201 47.5213 32.2722L46.6772 30.3362C46.0593 30.5948 45.5278 31.0045 45.0827 31.5653C44.6422 32.1216 44.2905 32.7581 44.0278 33.4749C43.9632 33.6575 43.8508 33.792 43.6906 33.8783C43.5349 33.9601 43.3794 33.9916 43.224 33.9729C43.0276 33.9494 42.8519 33.8643 42.6969 33.7175C42.5466 33.5662 42.4673 33.3443 42.459 33.0517C42.4291 32.3797 42.5775 31.6946 42.9043 30.9963C43.231 30.2888 43.6764 29.6366 44.2405 29.0396C44.8091 28.438 45.446 27.9555 46.151 27.5921C46.8561 27.2195 47.572 27.032 48.2987 27.0297L50.9726 27.0244C51.4023 27.0257 51.7632 27.0954 52.0553 27.2334C52.3474 27.3623 52.5708 27.555 52.7254 27.8114L53.2847 28.7319L54.0869 28.7276L54.6375 28.0574C54.7476 27.9115 54.8645 27.809 54.9881 27.7499C55.1071 27.6863 55.2832 27.6572 55.5163 27.6625L56.3253 27.665C56.5904 27.6658 56.8027 27.7419 56.9622 27.8932C57.1217 28.0446 57.2056 28.2437 57.214 28.4905L57.1968 31.8157C57.1959 32.0808 57.1153 32.2885 56.9549 32.4388C56.7899 32.5846 56.5725 32.6593 56.3028 32.6631ZM49.2828 53.6688C48.6612 53.6669 48.1819 53.4734 47.8449 53.0884C47.5124 52.708 47.3724 52.1773 47.4248 51.4965L48.6567 34.6341C48.7115 34.6434 48.7686 34.6505 48.828 34.6552C48.8829 34.6554 48.9377 34.6556 48.9926 34.6557L51.1591 34.6625C51.2231 34.6627 51.2848 34.6606 51.3442 34.6562C51.4037 34.6518 51.4631 34.6474 51.5225 34.6431L52.6422 51.5196C52.6904 52.1917 52.5425 52.7214 52.1985 53.1089C51.8544 53.4963 51.3716 53.6891 50.75 53.6871L49.2828 53.6688Z" stroke="#A75400" stroke-width="0.243375"/>
<path d="M56.3028 32.6631L55.5212 32.6743C55.2881 32.6782 55.1076 32.6479 54.9798 32.5835C54.8566 32.5146 54.7359 32.4068 54.6175 32.2601L54.0779 31.5934L53.2758 31.584L52.6076 32.5761C52.4469 32.8178 52.2681 32.991 52.0712 33.0955C51.8744 33.2 51.6388 33.2518 51.3646 33.251L48.9512 33.2434C48.6176 33.2378 48.3344 33.1638 48.1017 33.0214C47.8691 32.8698 47.6756 32.6201 47.5213 32.2722L46.6772 30.3362C46.0593 30.5948 45.5278 31.0045 45.0827 31.5653C44.6422 32.1216 44.2905 32.7581 44.0278 33.4749C43.9632 33.6575 43.8508 33.792 43.6906 33.8783C43.5349 33.9601 43.3794 33.9916 43.224 33.9729C43.0276 33.9494 42.8519 33.8643 42.6969 33.7175C42.5466 33.5662 42.4673 33.3443 42.459 33.0517C42.4291 32.3797 42.5775 31.6946 42.9043 30.9963C43.231 30.2888 43.6764 29.6366 44.2405 29.0396C44.8091 28.438 45.446 27.9555 46.151 27.5921C46.8561 27.2195 47.572 27.032 48.2987 27.0297L50.9726 27.0244C51.4023 27.0257 51.7632 27.0954 52.0553 27.2334C52.3474 27.3623 52.5708 27.555 52.7254 27.8114L53.2847 28.7319L54.0869 28.7276L54.6375 28.0574C54.7476 27.9115 54.8645 27.809 54.9881 27.7499C55.1071 27.6863 55.2832 27.6572 55.5163 27.6625L56.3253 27.665C56.5904 27.6658 56.8027 27.7419 56.9622 27.8932C57.1217 28.0446 57.2056 28.2437 57.214 28.4905L57.1968 31.8157C57.1959 32.0808 57.1153 32.2885 56.9549 32.4388C56.7899 32.5846 56.5725 32.6593 56.3028 32.6631ZM49.2828 53.6688C48.6612 53.6669 48.1819 53.4734 47.8449 53.0884C47.5124 52.708 47.3724 52.1773 47.4248 51.4965L48.6567 34.6341C48.7115 34.6434 48.7686 34.6505 48.828 34.6552C48.8829 34.6554 48.9377 34.6556 48.9926 34.6557L51.1591 34.6625C51.2231 34.6627 51.2848 34.6606 51.3442 34.6562C51.4037 34.6518 51.4631 34.6474 51.5225 34.6431L52.6422 51.5196C52.6904 52.1917 52.5425 52.7214 52.1985 53.1089C51.8544 53.4963 51.3716 53.6891 50.75 53.6871L49.2828 53.6688Z" stroke="#F6F8F9" stroke-opacity="0.8" stroke-width="0.243375"/>
</g>
</g>
<defs>
<filter id="filter0_d_12121_1712" x="1.79932" y="8.77783" width="46.1851" height="35.3748" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="2.62744"/>
<feGaussianBlur stdDeviation="2.62744"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0941176 0 0 0 0 0.105882 0 0 0 0 0.141176 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_12121_1712"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_12121_1712" result="shape"/>
</filter>
<filter id="filter1_d_12121_1712" x="62.6099" y="30.3994" width="38.0771" height="29.9692" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="2.62744"/>
<feGaussianBlur stdDeviation="2.62744"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0941176 0 0 0 0 0.105882 0 0 0 0 0.141176 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_12121_1712"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_12121_1712" result="shape"/>
</filter>
<filter id="filter2_d_12121_1712" x="14.9394" y="6.22631" width="70.3086" height="64.5003" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="3.15211"/>
<feGaussianBlur stdDeviation="3.15211"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0941176 0 0 0 0 0.105882 0 0 0 0 0.141176 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_12121_1712"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_12121_1712" result="shape"/>
</filter>
<filter id="filter3_d_12121_1712" x="33.8154" y="18.3845" width="32.0387" height="43.9425" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4.25907"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_12121_1712"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_12121_1712" result="shape"/>
</filter>
<linearGradient id="paint0_linear_12121_1712" x1="24.8919" y1="12.3513" x2="24.8919" y2="35.3243" gradientUnits="userSpaceOnUse">
<stop stop-color="#F6F8F9" stop-opacity="0.975"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_12121_1712" x1="24.8919" y1="12.3513" x2="24.8919" y2="35.3243" gradientUnits="userSpaceOnUse">
<stop stop-color="#F6F8F9" stop-opacity="0.975"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_12121_1712" x1="81.6485" y1="33.9729" x2="81.6485" y2="51.5405" gradientUnits="userSpaceOnUse">
<stop stop-color="#F6F8F9" stop-opacity="0.975"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint3_linear_12121_1712" x1="81.6485" y1="33.9729" x2="81.6485" y2="51.5405" gradientUnits="userSpaceOnUse">
<stop stop-color="#F6F8F9" stop-opacity="0.975"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 29 KiB

@@ -0,0 +1,101 @@
import { useTranslation } from 'react-i18next';
import { Box, BoxButton, Icon, Text } from '@/components';
import Error503Svg from '../assets/503.svg';
const getSafeRefreshUrl = (target?: string): string | undefined => {
if (!target) {
return undefined;
}
if (typeof window === 'undefined') {
return target.startsWith('/') && !target.startsWith('//')
? target
: undefined;
}
try {
const url = new URL(target, window.location.origin);
if (url.origin !== window.location.origin) {
return undefined;
}
return url.pathname + url.search + url.hash;
} catch {
return undefined;
}
};
type Error503Props = {
refreshTarget?: string;
};
export const Error503 = ({ refreshTarget }: Error503Props) => {
const { t } = useTranslation();
const safeTarget = getSafeRefreshUrl(refreshTarget);
return (
<Box
$align="center"
$gap="xs"
$padding={{ horizontal: 'base' }}
className="--docs--error-503"
>
<Error503Svg aria-hidden="true" />
<Box $align="center" $gap="3xs">
<Text
as="h1"
$size="md"
$weight="bold"
$textAlign="center"
$margin="0"
$theme="neutral"
$variation="primary"
>
{t('Error 503')}
</Text>
<Text
as="p"
$textAlign="center"
$maxWidth="330px"
$theme="neutral"
$variation="secondary"
$margin="0"
$size="sm"
>
{t('The server is temporarily overloaded or unavailable')}
</Text>
</Box>
<BoxButton
$direction="row"
$align="center"
$gap="3xs"
$theme="neutral"
$variation="tertiary"
onClick={() =>
safeTarget
? window.location.assign(safeTarget)
: window.location.reload()
}
>
<Icon
iconName="refresh"
variant="symbols-outlined"
$size="sm"
$theme="neutral"
$variation="tertiary"
aria-hidden="true"
/>
<Text
$size="sm"
$theme="neutral"
$variation="tertiary"
$weight={500}
$margin="0"
>
{t('Refresh page')}
</Text>
</BoxButton>
</Box>
);
};
@@ -0,0 +1 @@
export * from './Error503';
@@ -0,0 +1 @@
export * from './components';
@@ -0,0 +1,37 @@
import Head from 'next/head';
import { useRouter } from 'next/router';
import { ReactElement } from 'react';
import { useTranslation } from 'react-i18next';
import { Error503 } from '@/features/errors';
import { StandalonePageLayout } from '@/layouts';
import { NextPageWithLayout } from '@/types/next';
const Page: NextPageWithLayout = () => {
const { t } = useTranslation();
const { query } = useRouter();
const from = Array.isArray(query.from) ? query.from[0] : query.from;
const refreshTarget =
from?.startsWith('/') && !from.startsWith('//') ? from : undefined;
return (
<>
<Head>
<meta name="robots" content="noindex" />
<title>{`${t('Error 503')} - ${t('Docs')}`}</title>
<meta
property="og:title"
content={`${t('Error 503')} - ${t('Docs')}`}
key="title"
/>
</Head>
<Error503 refreshTarget={refreshTarget} />
</>
);
};
Page.getLayout = function getLayout(page: ReactElement) {
return <StandalonePageLayout>{page}</StandalonePageLayout>;
};
export default Page;