import React from 'react' ; import { EuiEmptyPrompt , EuiPageContent , EuiLink } from '@elastic/eui' ; import { FormattedMessage } from '@kbn/i18n-react' ; import { useAppContext } from '../app_context' ; export const ComingSoonPrompt = ( ) => { const { kibanaVersionInfo , services : { core : { docLinks } , } , } = useAppContext ( ) ; const { nextMajor , currentMajor } = kibanaVersionInfo ; const { ELASTIC_WEBSITE_URL } = docLinks ; return ( < EuiPageContent verticalPosition = "center" horizontalPosition = "center" color = "subdued" > < EuiEmptyPrompt iconType = "wrench" data - test - subj = "comingSoonPrompt" title = { < h2 > < FormattedMessage id = "xpack.upgradeAssistant.emptyPrompt.title" defaultMessage = "{uaVersion} Upgrade Assistant" values = { { uaVersion : `${ nextMajor }.0` } } /> < /h2>} body={<> < p > < FormattedMessage id = "xpack.upgradeAssistant.emptyPrompt.upgradeAssistantDescription" defaultMessage = "The Upgrade Assistant identifies deprecated settings in your cluster and helps you resolve issues before you upgrade . Check back here when it 's time to upgrade to Elastic {nextMajor}." values={{ nextMajor: `${nextMajor}.0` }}/> < /p> { currentMajor === 7 && ( < p > < EuiLink external target = "_blank" href = { `${ ELASTIC_WEBSITE_URL }guide/en/elasticsearch/reference/master/migrating-8.0.html` } > < FormattedMessage id = "xpack.upgradeAssistant.emptyPrompt.learnMoreDescription" defaultMessage = "Learn more about migrating to {nextMajor}." values = { { nextMajor : `${ nextMajor }.0` , } } /> < /EuiLink> < /p>)} < />}/ > < /EuiPageContent>); } ;