a511c95c7f
* turn article.scss into a module + componentized * Update Survey to use only component styles, add cancel button * Update GenericError + 404 page to use only standard classes * update LearningTrack to not use markdown-body * remove / consolidate stylesheets * cleanup Graphiql explorer page and scss * Componentize Breadcrumb styles * Componentize DeprecationBanner styles * scope h2 a link style to markdown-body * cleanup nav, organize page-header and page-footer components * remove unused scroll-button.scss * organize LanguagePicker and ProductPicker * add declarations file * remove featured-links.scss, update tests * update list utility and toc test * fix bad merge resolution * update breadcrumbs test
41 lines
1.4 KiB
TypeScript
41 lines
1.4 KiB
TypeScript
import { useMainContext } from 'components/context/MainContext'
|
|
import { useVersion } from 'components/hooks/useVersion'
|
|
|
|
export const DeprecationBanner = () => {
|
|
const { data, enterpriseServerReleases } = useMainContext()
|
|
const { currentVersion } = useVersion()
|
|
|
|
if (!currentVersion.includes(enterpriseServerReleases.oldestSupported)) {
|
|
return null
|
|
}
|
|
|
|
const message = enterpriseServerReleases.isOldestReleaseDeprecated
|
|
? data.reusables.enterprise_deprecation.version_was_deprecated
|
|
: data.reusables.enterprise_deprecation.version_will_be_deprecated
|
|
|
|
return (
|
|
<div data-testid="deprecation-banner" className="container-xl mt-3 mx-auto p-responsive">
|
|
<div className="border rounded-1 color-bg-warning p-3 color-border-warning f5">
|
|
<p className="m-0">
|
|
<b className="text-bold">
|
|
<span dangerouslySetInnerHTML={{ __html: message }} />{' '}
|
|
<span
|
|
data-date={enterpriseServerReleases.nextDeprecationDate}
|
|
data-format="%B %d, %Y"
|
|
title={enterpriseServerReleases.nextDeprecationDate}
|
|
>
|
|
{enterpriseServerReleases.nextDeprecationDate}
|
|
</span>
|
|
.
|
|
</b>{' '}
|
|
<span
|
|
dangerouslySetInnerHTML={{
|
|
__html: data.reusables.enterprise_deprecation.deprecation_details,
|
|
}}
|
|
/>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|