90 lines
2.8 KiB
TypeScript
90 lines
2.8 KiB
TypeScript
import { useRouter } from 'next/router'
|
|
import cx from 'classnames'
|
|
|
|
import { useMainContext } from 'components/context/MainContext'
|
|
import { useTranslation } from 'components/hooks/useTranslation'
|
|
import { ExcludesNull } from 'components/lib/ExcludesNull'
|
|
import { useVersion } from './hooks/useVersion'
|
|
|
|
enum NotificationType {
|
|
RELEASE = 'RELEASE',
|
|
TRANSLATION = 'TRANSLATION',
|
|
EARLY_ACCESS = 'EARLY_ACCESS',
|
|
}
|
|
|
|
type Notif = {
|
|
content: string
|
|
type: NotificationType
|
|
}
|
|
export const HeaderNotifications = () => {
|
|
const router = useRouter()
|
|
const { currentVersion } = useVersion()
|
|
const { relativePath, allVersions, data, languages, currentLanguage } = useMainContext()
|
|
const { t } = useTranslation('header')
|
|
|
|
const translationNotices: Array<Notif> = []
|
|
if (router.locale !== 'en') {
|
|
if (relativePath?.includes('/site-policy')) {
|
|
translationNotices.push({
|
|
type: NotificationType.TRANSLATION,
|
|
content: data.reusables.policies.translation,
|
|
})
|
|
} else if (languages[currentLanguage].wip !== true) {
|
|
translationNotices.push({
|
|
type: NotificationType.TRANSLATION,
|
|
content: t('notices.localization_complete'),
|
|
})
|
|
} else if (languages[currentLanguage].wip) {
|
|
translationNotices.push({
|
|
type: NotificationType.TRANSLATION,
|
|
content: t('notices.localization_in_progress'),
|
|
})
|
|
}
|
|
}
|
|
|
|
const releaseNotices: Array<Notif> = []
|
|
if (currentVersion === 'github-ae@latest') {
|
|
releaseNotices.push({
|
|
type: NotificationType.RELEASE,
|
|
content: t('notices.ghae_silent_launch'),
|
|
})
|
|
} else if (currentVersion === data.variables.release_candidate.version) {
|
|
releaseNotices.push({
|
|
type: NotificationType.RELEASE,
|
|
content: `${allVersions[currentVersion].versionTitle}${t('notices.release_candidate')}`,
|
|
})
|
|
}
|
|
|
|
const allNotifications: Array<Notif> = [
|
|
...translationNotices,
|
|
...releaseNotices,
|
|
// ONEOFF EARLY ACCESS NOTICE
|
|
(relativePath || '').includes('early-access/')
|
|
? {
|
|
type: NotificationType.EARLY_ACCESS,
|
|
content: t('notices.early_access'),
|
|
}
|
|
: null,
|
|
].filter(ExcludesNull)
|
|
|
|
return (
|
|
<>
|
|
{allNotifications.map(({ type, content }, i) => {
|
|
const isLast = i !== allNotifications.length - 1
|
|
return (
|
|
<div
|
|
className={cx(
|
|
'header-notifications text-center f5 color-text-primary py-4 px-6',
|
|
type === NotificationType.TRANSLATION && 'translation_notice color-bg-info',
|
|
type === NotificationType.RELEASE && 'release_notice color-bg-info',
|
|
type === NotificationType.EARLY_ACCESS && 'early_access color-bg-danger',
|
|
!isLast && 'border-bottom color-border-tertiary'
|
|
)}
|
|
dangerouslySetInnerHTML={{ __html: content }}
|
|
/>
|
|
)
|
|
})}
|
|
</>
|
|
)
|
|
}
|