From 501cc7a208f16216bb3819ddf302776340e50cfe Mon Sep 17 00:00:00 2001
From: Felix Hamme <git@fj.hamme.net>
Date: Sat, 11 May 2019 19:03:17 +0200
Subject: [PATCH] Refactor ErrorComponents

---
 js/components/ErrorComponents.js | 72 ++++++++++++++------------------
 1 file changed, 32 insertions(+), 40 deletions(-)

diff --git a/js/components/ErrorComponents.js b/js/components/ErrorComponents.js
index 211393d..fb55c75 100644
--- a/js/components/ErrorComponents.js
+++ b/js/components/ErrorComponents.js
@@ -46,44 +46,36 @@ export function ErrorPage(props) {
 }
 
 function ErrorMessage(props) {
-    switch (props.code) {
-    case 400:
-        return (<div className="running-text">
-            <h2>Deine Anfrage ist fehlerhaft.</h2>
-            <p>
-                Wir empfehlen, die eingegebene Seite über die <a href="/">Startseite</a> zu suchen.
-            </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>);
-    }
+    const errors = {};
+    errors[400] = {title: 'Deine Anfrage ist fehlerhaft.', message: '', showTryStartpage: true};
+    errors[403] = {
+        title: 'Du bist nicht autorisiert, diese Seite aufzurufen.',
+        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.
+        </p>}
+    </div>);
 }