Developer Error
The component that can be used to collect any global errors display on the page.
jsx
import Error from '@semcore/ui/errors';
<Error />;import Error from '@semcore/ui/errors';
<Error />;ErrorsProps
& {...}| Name | Type | Description |
|---|---|---|
| icon | string | React.ReactNode | Error icon |
Error.Title
Error name. Extends for <Box/>.
jsx
import Error from '@semcore/ui/errors';
<Error.Title />;import Error from '@semcore/ui/errors';
<Error.Title />;Error.Description
Error description. Extends for <Box/>.
jsx
import Error from '@semcore/ui/errors';
<Error.Description />;import Error from '@semcore/ui/errors';
<Error.Description />;Error.Controls
Container for controls. Extends for <Box/>.
jsx
import Error from '@semcore/ui/errors';
<Error.Controls />;import Error from '@semcore/ui/errors';
<Error.Controls />;AccessDenied
Placeholder for the 403 error. For some reason the page is restricted for the user.
jsx
import { AccessDenied } from '@semcore/ui/errors';
<AccessDenied />;import { AccessDenied } from '@semcore/ui/errors';
<AccessDenied />;AccessDeniedProps
& {...}| Name | Type | Description |
|---|---|---|
| homeLink | string | href of the home link |
| titleTag | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | HTML tag of the error title |
Maintenance
The placeholder for the global state for the period of technical works.
jsx
import { Maintenance } from '@semcore/ui/errors';
<Maintenance />;import { Maintenance } from '@semcore/ui/errors';
<Maintenance />;MaintenanceProps
& {...}| Name | Type | Description |
|---|---|---|
| toolName | string | Tool name |
| homeLink | string | href of the home link |
| titleTag | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | HTML tag of the error title |
PageError
The placeholder for 500 error, caused by some technical problems on the page. There are two options to display: when we are aware of the error and warn the user; when we don't know about the error and recommend the user to refresh the page or contact us.
jsx
import { PageError } from '@semcore/ui/errors';
<PageError />;import { PageError } from '@semcore/ui/errors';
<PageError />;PageErrorProps
& {...}| Name | Type | Description |
|---|---|---|
| onClick | (e: React.MouseEvent) => void | Page reloading button click handler |
| titleTag | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | HTML tag of the error title |
PageNotFound
Placeholder for the 404 error, when the page isn’t found.
jsx
import { PageNotFound } from '@semcore/ui/errors';
<PageNotFound />;import { PageNotFound } from '@semcore/ui/errors';
<PageNotFound />;PageNotFoundProps
& {...}| Name | Type | Description |
|---|---|---|
| homeLink | string | href of the home link |
| titleTag | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | HTML tag of the error title |
ProjectNotFound
The placeholder for the 404 error, but for the project page.
jsx
import { ProjectNotFound } from '@semcore/ui/errors';
<ProjectNotFound />;import { ProjectNotFound } from '@semcore/ui/errors';
<ProjectNotFound />;ProjectNotFoundProps
& {...}| Name | Type | Description |
|---|---|---|
| projectsLink | string | Link to the projects |
| contactsLink | string | |
| supportTeamLink | string | |
| titleTag | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | HTML tag of the error title |