import React from 'react' ; import { FormattedMessage } from '@osd/i18n/react' ; import { EuiText } from '@elastic/eui' ; import { IBasePath } from '../../http' ; import { IS_IE } from './url_overflow' ; export const UrlOverflowUi = ( { basePath } ) => { return ( < EuiText textAlign = "left" > < p > < FormattedMessage id = "core.ui.errorUrlOverflow.optionsToFixErrorDescription" defaultMessage = "Things to try:" / > < /p> < ul > < li > < FormattedMessage id = "core.ui.errorUrlOverflow.optionsToFixError.enableOptionText" defaultMessage = "Enable the {storeInSessionStorageConfig} option in {opensearchDashboardsSettingsLink}." values = { { storeInSessionStorageConfig : < code > state : storeInSessionStorage < /code>, opensearchDashboardsSettingsLink : ( < a href = { basePath . prepend ( '/app/management/opensearch-dashboards/settings' ) } > < FormattedMessage id = "core.ui.errorUrlOverflow.optionsToFixError.enableOptionText.advancedSettingsLinkText" defaultMessage = "Advanced Settings" / > < /a>), } } /> < /li> < li > < FormattedMessage id = "core.ui.errorUrlOverflow.optionsToFixError.removeStuffFromDashboardText" defaultMessage = "Simplify the object you are editing by removing content or filters." / > < /li> { IS_IE && ( < li > < FormattedMessage id = "core.ui.errorUrlOverflow.optionsToFixError.doNotUseIEText" defaultMessage = "Upgrade to a modern browser. Every other supported browser we know of doesn't have this limit." / > < /li>)} < /ul> < /EuiText>); } ;