mirror of
https://github.com/hedgedoc/hedgedoc.git
synced 2025-05-16 16:14:43 -04:00
32 lines
1.1 KiB
TypeScript
32 lines
1.1 KiB
TypeScript
/*
|
|
* SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
|
|
*
|
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
*/
|
|
|
|
import React from 'react'
|
|
import { Button, Modal } from 'react-bootstrap'
|
|
import { Trans, useTranslation } from 'react-i18next'
|
|
import { CommonModal } from '../../common/modals/common-modal'
|
|
|
|
export interface MaxLengthWarningModalProps {
|
|
show: boolean
|
|
onHide: () => void
|
|
maxLength: number
|
|
}
|
|
|
|
export const MaxLengthWarningModal: React.FC<MaxLengthWarningModalProps> = ({ show, onHide, maxLength }) => {
|
|
useTranslation()
|
|
|
|
return (
|
|
<CommonModal data-cy={'limitReachedModal'} show={show} onHide={onHide} titleI18nKey={'editor.error.limitReached.title'} closeButton={true}>
|
|
<Modal.Body>
|
|
<Trans i18nKey={'editor.error.limitReached.description'} values={{ maxLength }} />
|
|
<strong className='mt-2 d-block'><Trans i18nKey={'editor.error.limitReached.advice'}/></strong>
|
|
</Modal.Body>
|
|
<Modal.Footer>
|
|
<Button onClick={onHide}><Trans i18nKey={'common.close'}/></Button>
|
|
</Modal.Footer>
|
|
</CommonModal>
|
|
)
|
|
}
|