You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
53 lines
1.5 KiB
53 lines
1.5 KiB
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,
|
|
artistError,
|
|
tagsError,
|
|
qualityProfilesError,
|
|
uiSettingsError
|
|
} = props;
|
|
|
|
let errorMessage = 'Failed to load Lidarr';
|
|
|
|
if (!isLocalStorageSupported) {
|
|
errorMessage = 'Local Storage is not supported or disabled. A plugin or private browsing may have disabled it.';
|
|
} else if (artistError) {
|
|
errorMessage = getErrorMessage(artistError, 'Failed to load artist from API');
|
|
} else if (tagsError) {
|
|
errorMessage = getErrorMessage(artistError, 'Failed to load artist 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,
|
|
artistError: PropTypes.object,
|
|
tagsError: PropTypes.object,
|
|
qualityProfilesError: PropTypes.object,
|
|
uiSettingsError: PropTypes.object
|
|
};
|
|
|
|
export default ErrorPage;
|