Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-08 14:35:45 +01:00
Code Issues Packages Projects Releases Activity

Refactored ErrorNotification/ErrorPage

Browse Source 
Added i18n for error codes
This commit is contained in:
Philipp Czora
2019-02-27 10:45:10 +01:00
parent 6b55df464c
commit 510c295e00
9 changed files with 77 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
scm-ui-components/packages/ui-components/src/BackendErrorNotification.js
View File

@@ -18,13 +18,9 @@ class BackendErrorNotification extends React.Component<Props, State> {
const { collapsed } = this.state;
const icon = collapsed ? "fa-angle-right" : "fa-angle-down";
// TODO error page
// we have currently the ErrorNotification, which is often wrapped by the ErrorPage
// the ErrorPage has often a SubTitle like "Unkwown xzy error", which is no longer always the case
// if the error is a BackendError its not fully unknown
return (
<div className="content">
<p>
<p className="subtitle">
<span
onClick={() => {
this.setState({ collapsed: !this.state.collapsed });
@@ -50,12 +46,12 @@ class BackendErrorNotification extends React.Component<Props, State> {
};
renderUncollapsed = () => {
const { error } = this.props;
const { error, t } = this.props;
if (!this.state.collapsed) {
return (
<>
<p>
<strong>Context:</strong>
<strong>{t("errors.context")}</strong>
</p>
<ul>
{error.context.map((context, index) => {
@@ -68,8 +64,8 @@ class BackendErrorNotification extends React.Component<Props, State> {
</ul>
{this.renderMoreInformationLink(error)}
<div className="level is-size-7">
<div className="left">ErrorCode: {error.errorCode}</div>
<div className="right">TransactionId: {error.transactionId}</div>
<div className="left">{t("errors.errorCode")} {error.errorCode}</div>
<div className="right">{t("errors.transactionId")} {error.transactionId}</div>
</div>
</>
);
@@ -78,11 +74,11 @@ class BackendErrorNotification extends React.Component<Props, State> {
};
renderMoreInformationLink = (error: BackendError) => {
const { t } = this.props;
if (error.url) {
// TODO i18n
return (
<p>
For more information, see{" "}
{t("errors.moreInfo")}{" "}
<a href={error.url} target="_blank">
{error.errorCode}
</a>