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, indexersError, indexerStatusError, indexerCategoriesError, customFiltersError, tagsError, languagesError, uiSettingsError, systemStatusError } = props; let errorMessage = 'Failed to load Prowlarr'; if (!isLocalStorageSupported) { errorMessage = 'Local Storage is not supported or disabled. A plugin or private browsing may have disabled it.'; } else if (indexersError) { errorMessage = getErrorMessage(indexersError, 'Failed to load indexers from API'); } else if (indexerStatusError) { errorMessage = getErrorMessage(indexerStatusError, 'Failed to load indexers from API'); } else if (indexersError) { errorMessage = getErrorMessage(indexerCategoriesError, 'Failed to load indexers from API'); } else if (customFiltersError) { errorMessage = getErrorMessage(customFiltersError, 'Failed to load custom filters from API'); } else if (tagsError) { errorMessage = getErrorMessage(tagsError, 'Failed to load tags from API'); } else if (languagesError) { errorMessage = getErrorMessage(languagesError, 'Failed to load languages from API'); } else if (uiSettingsError) { errorMessage = getErrorMessage(uiSettingsError, 'Failed to load UI settings from API'); } else if (systemStatusError) { errorMessage = getErrorMessage(uiSettingsError, 'Failed to load system status from API'); } return (