turniere
/
turniere-frontend
mirror of https://github.com/turniere/turniere-frontend.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Refactor ErrorComponents

This commit is contained in:
Felix Hamme 2019-05-11 19:03:17 +02:00
parent fb4b380407
commit 501cc7a208
1 changed files with 32 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
js/components/ErrorComponents.js
View File

@ -46,44 +46,36 @@ export function ErrorPage(props) {
} }
function ErrorMessage(props) { function ErrorMessage(props) {
switch (props.code) { const errors = {};
case 400: errors[400] = {title: 'Deine Anfrage ist fehlerhaft.', message: '', showTryStartpage: true};
return (<div className="running-text"> errors[403] = {
<h2>Deine Anfrage ist fehlerhaft.</h2> title: 'Du bist nicht autorisiert, diese Seite aufzurufen.',
<p> message: 'Bitte stelle sicher, dass Du angemeldet bist und auf dieses Turnier oder dieses Match zugreifen' +
' darfst.',
showTryStartpage: true
};
errors[404] = {
title: 'Die aufgerufene Seite wurde leider nicht gefunden.',
message: 'Entweder hast Du dich vertippt, oder die gesuchte Seite gibt es nicht.',
showTryStartpage: true
};
errors[500] = {
title: 'Diese Seite funktioniert nicht.',
message: 'turnie.re kann Deine Anfrage im Moment nicht verarbeiten. Bitte versuche es später erneut.',
showTryStartpage: false
};
errors['unknown'] = {title: 'Ein unbekannter Fehler ist aufgetreten.', message: '', showTryStartpage: true};
const error = errors[props.code] === undefined ? errors['unknown'] : errors[props.code];
return <ErrorText title={error.title} message={error.message} showTryStartpage={error.showTryStartpage}/>;
}
function ErrorText(props) {
return (<div className='running-text'>
{props.title && <h2>{props.title}</h2>}
{props.message && <p>{props.message}</p>}
{props.showTryStartpage && <p>
Wir empfehlen, die eingegebene Seite über die <a href="/">Startseite</a> zu suchen. Wir empfehlen, die eingegebene Seite über die <a href="/">Startseite</a> zu suchen.
</p> </p>}
</div>);
case 403:
return (<div className="running-text">
<h2>Du bist nicht autorisiert, diese Seite aufzurufen.</h2>
<p>
Bitte stelle sicher, dass Du angemeldet bist und auf dieses Turnier oder dieses Match zugreifen darfst.
</p>
<p>
Wir empfehlen, die eingegebene Seite über die <a href="/">Startseite</a> zu suchen.
</p>
</div>);
case 404:
return (<div className="running-text">
<h2>Die aufgerufene Seite wurde leider nicht gefunden.</h2>
<p>
Entweder hast Du dich vertippt, oder die gesuchte Seite gibt es nicht.
</p>
<p>
Wir empfehlen, die eingegebene Seite über die <a href="/">Startseite</a> zu suchen.
</p>
</div>);
case 500:
return (<div className="running-text">
<h2>Diese Seite funktioniert nicht.</h2>
<p>
turnie.re kann Deine Anfrage im Moment nicht verarbeiten. Bitte versuche es später erneut.
</p>
</div>);
default:
return (<div>
<h2>Ein unbekannter Fehler ist aufgetreten.</h2>
</div>); </div>);
} }
}