Update view layouts and content

src/js/components/Errors/InvalidConfigurationError.js

@@ -3,25 +3,23 @@ import settingsUrl from "images/settings.png"
 
 const InvalidConfigurationError = () => (
   <div className="moco-bx-error-container">
-    <h1>Bitte Einstellungen aktualisieren</h1>
-    <ol>
-      <li>Internetadresse eintragen</li>
-      <li>Persönlichen API-Schlüssel eintragen</li>
-    </ol>
-    <button
-      className="moco-bx-btn"
-      onClick={() => chrome.runtime.sendMessage({ type: "openOptions" })}
-    >
-      Einstellungen öffnen
-    </button>
-    <br />
-    <br />
+    <h1>MOCO verbinden</h1>
+    <p>
+      Dazu trägst Du in den Einstellungen Deine Account-Internetadresse und Deinen API-Schlüssel
+      ein.
+    </p>
     <img
       src={chrome.extension.getURL(settingsUrl)}
       alt="Browser extension configuration settings"
       style={{ cursor: "pointer" }}
       onClick={() => chrome.runtime.sendMessage({ type: "openOptions" })}
     />
+    <button
+      className="moco-bx-btn"
+      onClick={() => chrome.runtime.sendMessage({ type: "openOptions" })}
+    >
+      Weiter zu den Einstellungen
+    </button>
   </div>
 )
 

src/js/components/Errors/UnknownError.js

@@ -7,8 +7,6 @@ const UnknownError = ({ message = "Unbekannter Fehler" }) => (
     <img className="moco-bx-logo" src={logo} alt="MOCO logo" />
     <h1>Ups, es ist ein Fehler passiert!</h1>
     <p>Bitte überprüfe deine Internetverbindung.</p>
-    <p>Wir wurden per Email benachrichtigt und untersuchen den Vorfall.</p>
-    <br />
     <p>Fehlermeldung:</p>
     <pre>{message}</pre>
   </div>

src/js/components/Errors/UpgradeRequiredError.js

@@ -6,7 +6,7 @@ import firefoxAddons from "images/firefox_addons.png"
 const UpgradeRequiredError = () => (
   <div className="moco-bx-error-container">
     <img className="moco-bx-logo" src={logo} alt="MOCO logo" />
-    <h1>Upgrade erforderlich</h1>
+    <h1>Bitte aktualisieren</h1>
     <p>Die installierte MOCO Browser-Erweiterung ist veraltet &mdash; bitte aktualisieren.</p>
     {isChrome() ? (
       <button
@@ -17,7 +17,6 @@ const UpgradeRequiredError = () => (
       </button>
     ) : (
       <>
-        <br />
         <p>Unter folgender URL:</p>
         <img className="firefox-addons" src={firefoxAddons} alt="about:addons" />
       </>