Initial Commit Rework

frontend/src/Components/Page/ErrorPage.js

@@ -0,0 +1,52 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import getErrorMessage from 'Utilities/Object/getErrorMessage';
+import styles from './ErrorPage.css';
+
+function ErrorPage(props) {
+  const {
+    version,
+    isLocalStorageSupported,
+    seriesError,
+    tagsError,
+    qualityProfilesError,
+    uiSettingsError
+  } = props;
+
+  let errorMessage = 'Failed to load Sonarr';
+
+  if (!isLocalStorageSupported) {
+    errorMessage = 'Local Storage is not supported or disabled. A plugin or private browsing may have disabled it.';
+  } else if (seriesError) {
+    errorMessage = getErrorMessage(seriesError, 'Failed to load series from API');
+  } else if (tagsError) {
+    errorMessage = getErrorMessage(seriesError, 'Failed to load series from API');
+  } else if (qualityProfilesError) {
+    errorMessage = getErrorMessage(qualityProfilesError, 'Failed to load quality profiles from API');
+  } else if (uiSettingsError) {
+    errorMessage = getErrorMessage(uiSettingsError, 'Failed to load UI settings from API');
+  }
+
+  return (
+    <div className={styles.page}>
+      <div className={styles.errorMessage}>
+        {errorMessage}
+      </div>
+
+      <div className={styles.version}>
+        Version {version}
+      </div>
+    </div>
+  );
+}
+
+ErrorPage.propTypes = {
+  version: PropTypes.string.isRequired,
+  isLocalStorageSupported: PropTypes.bool.isRequired,
+  seriesError: PropTypes.object,
+  tagsError: PropTypes.object,
+  qualityProfilesError: PropTypes.object,
+  uiSettingsError: PropTypes.object
+};
+
+export default ErrorPage;