39 lines
1.2 KiB
TypeScript
39 lines
1.2 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 className="deprecation-banner border rounded-1 mb-2 color-bg-warning p-3 color-border-warning f5">
|
|
<p>
|
|
<b>
|
|
<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>
|
|
)
|
|
}
|