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

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