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 (