Skip to content

Error message

Error

The component that can be used to collect any global errors display on the page.

jsx
import Error from 'intergalactic/errors';
<Error />;
import Error from 'intergalactic/errors';
<Error />;

ErrorsProps

& {...}
NameTypeDescription
iconstring | React.ReactNodeError icon

Error.Title

Error name. Extends for <Box/>.

jsx
import Error from 'intergalactic/errors';
<Error.Title />;
import Error from 'intergalactic/errors';
<Error.Title />;

Error.Description

Error description. Extends for <Box/>.

jsx
import Error from 'intergalactic/errors';
<Error.Description />;
import Error from 'intergalactic/errors';
<Error.Description />;

Error.Controls

Container for controls. Extends for <Box/>.

jsx
import Error from 'intergalactic/errors';
<Error.Controls />;
import Error from 'intergalactic/errors';
<Error.Controls />;

AccessDenied

Placeholder for the 403 error. For some reason the page is restricted for the user.

jsx
import { AccessDenied } from 'intergalactic/errors';
<AccessDenied />;
import { AccessDenied } from 'intergalactic/errors';
<AccessDenied />;

AccessDeniedProps

& {...}
NameTypeDescription
homeLinkstringhref 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 'intergalactic/errors';
<Maintenance />;
import { Maintenance } from 'intergalactic/errors';
<Maintenance />;

MaintenanceProps

& {...}
NameTypeDescription
toolNamestringTool name
homeLinkstringhref 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 'intergalactic/errors';
<PageError />;
import { PageError } from 'intergalactic/errors';
<PageError />;

PageErrorProps

& {...}
NameTypeDescription
onClick(e: React.MouseEvent) => voidPage 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 'intergalactic/errors';
<PageNotFound />;
import { PageNotFound } from 'intergalactic/errors';
<PageNotFound />;

PageNotFoundProps

& {...}
NameTypeDescription
homeLinkstringhref 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 'intergalactic/errors';
<ProjectNotFound />;
import { ProjectNotFound } from 'intergalactic/errors';
<ProjectNotFound />;

ProjectNotFoundProps

& {...}
NameTypeDescription
projectsLinkstringLink to the projects
contactsLinkstring
supportTeamLinkstring
titleTag"h1" | "h2" | "h3" | "h4" | "h5" | "p"HTML tag of the error title

Released under the MIT License.

Released under the MIT License.