mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-04 08:27:58 -05:00
5b6bbcb73c
[web] Migrate notifications and error boundaries on the editor page GitOrigin-RevId: c195ecf0dd9e38ec8326c823174e559e1f192ce1
28 lines
709 B
TypeScript
28 lines
709 B
TypeScript
import { FC } from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import OLModal, {
|
|
OLModalBody,
|
|
OLModalHeader,
|
|
OLModalTitle,
|
|
} from '@/features/ui/components/ol/ol-modal'
|
|
|
|
export const UnsavedDocsLockedModal: FC = () => {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<OLModal
|
|
show
|
|
onHide={() => {}} // It's not possible to hide this modal, but it's a required prop
|
|
className="lock-editor-modal"
|
|
backdrop={false}
|
|
keyboard={false}
|
|
>
|
|
<OLModalHeader>
|
|
<OLModalTitle>{t('connection_lost')}</OLModalTitle>
|
|
</OLModalHeader>
|
|
<OLModalBody>
|
|
{t('sorry_the_connection_to_the_server_is_down')}
|
|
</OLModalBody>
|
|
</OLModal>
|
|
)
|
|
}
|