overleaf-cep/services/web/frontend/js/shared/components/deprecated-browser.tsx
Alf Eaton 2139107f6b Block Safari 14, deprecate Safari 15 (#23740)
GitOrigin-RevId: ef1506bc58982c4fb8286d48137ca9c8557ee1a0
2025-02-24 09:05:27 +00:00

31 lines
849 B
TypeScript

import { FC } from 'react'
import Notification from '@/shared/components/notification'
import { Trans, useTranslation } from 'react-i18next'
import Bowser from 'bowser'
export const isDeprecatedBrowser = () => {
const parser = Bowser.getParser(window.navigator.userAgent)
return parser.satisfies({
safari: '~15',
})
}
export const DeprecatedBrowser: FC = () => {
const { t } = useTranslation()
return (
<Notification
type="warning"
title={t('support_for_your_browser_is_ending_soon')}
content={
<Trans
i18nKey="to_continue_using_upgrade_or_change_your_browser"
components={[
// eslint-disable-next-line jsx-a11y/anchor-has-content,react/jsx-key
<a href="/learn/how-to/Which_browsers_does_Overleaf_support%3F" />,
]}
/>
}
/>
)
}