mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-21 20:47:08 -05:00
39 lines
998 B
JavaScript
39 lines
998 B
JavaScript
|
import { Alert } from 'react-bootstrap'
|
||
|
import { useTranslation } from 'react-i18next'
|
||
|
import usePersistedState from '../../../shared/hooks/use-persisted-state'
|
||
|
|
||
|
const BROWSER_IS_SAFARI =
|
||
|
navigator.userAgent &&
|
||
|
/.*Safari\/.*/.test(navigator.userAgent) &&
|
||
|
!/.*Chrome\/.*/.test(navigator.userAgent) &&
|
||
|
!/.*Chromium\/.*/.test(navigator.userAgent)
|
||
|
|
||
|
function PdfPreviewDetachedRootSafariWarning() {
|
||
|
const { t } = useTranslation()
|
||
|
|
||
|
const [hidePdfDetachSafariAlert, setHidePdfDetachSafariAlert] =
|
||
|
usePersistedState('hide-pdf-detach-safari-alert', false, true)
|
||
|
|
||
|
function handleDismiss() {
|
||
|
setHidePdfDetachSafariAlert(true)
|
||
|
}
|
||
|
|
||
|
if (!BROWSER_IS_SAFARI) {
|
||
|
return null
|
||
|
}
|
||
|
|
||
|
if (hidePdfDetachSafariAlert) {
|
||
|
return null
|
||
|
}
|
||
|
|
||
|
return (
|
||
|
<div className="global-alerts global-alerts-detached">
|
||
|
<Alert bsStyle="warning" onDismiss={handleDismiss}>
|
||
|
{t('pdf_detach_safari_issues')}
|
||
|
</Alert>
|
||
|
</div>
|
||
|
)
|
||
|
}
|
||
|
|
||
|
export default PdfPreviewDetachedRootSafariWarning
|