mirror of
https://github.com/overleaf/overleaf.git
synced 2024-10-17 21:05:04 -04:00
108 lines
2.9 KiB
JavaScript
108 lines
2.9 KiB
JavaScript
import { Button, Modal, Grid } from 'react-bootstrap'
|
|
import { useTranslation } from 'react-i18next'
|
|
import Icon from '../../../shared/components/icon'
|
|
import AccessibleModal from '../../../shared/components/accessible-modal'
|
|
import PropTypes from 'prop-types'
|
|
import { useEditorContext } from '../../../shared/context/editor-context'
|
|
import { lazy, Suspense } from 'react'
|
|
import { FullSizeLoadingSpinner } from '@/shared/components/loading-spinner'
|
|
|
|
const ReadOnlyTokenLink = lazy(() =>
|
|
import('./link-sharing').then(({ ReadOnlyTokenLink }) => ({
|
|
// re-export as default -- lazy can only handle default exports.
|
|
default: ReadOnlyTokenLink,
|
|
}))
|
|
)
|
|
|
|
const ShareModalBody = lazy(() => import('./share-modal-body'))
|
|
|
|
export default function ShareProjectModalContent({
|
|
show,
|
|
cancel,
|
|
animation,
|
|
inFlight,
|
|
error,
|
|
}) {
|
|
const { t } = useTranslation()
|
|
|
|
const { isRestrictedTokenMember } = useEditorContext({
|
|
isRestrictedTokenMember: PropTypes.bool,
|
|
})
|
|
|
|
return (
|
|
<AccessibleModal show={show} onHide={cancel} animation={animation}>
|
|
<Modal.Header closeButton>
|
|
<Modal.Title>{t('share_project')}</Modal.Title>
|
|
</Modal.Header>
|
|
|
|
<Modal.Body className="modal-body-share">
|
|
<Grid fluid>
|
|
<Suspense fallback={<FullSizeLoadingSpinner minHeight="15rem" />}>
|
|
{isRestrictedTokenMember ? (
|
|
<ReadOnlyTokenLink />
|
|
) : (
|
|
<ShareModalBody />
|
|
)}
|
|
</Suspense>
|
|
</Grid>
|
|
</Modal.Body>
|
|
|
|
<Modal.Footer className="modal-footer-share">
|
|
<div className="modal-footer-left">
|
|
{inFlight && <Icon type="refresh" spin />}
|
|
{error && (
|
|
<span className="text-danger error">
|
|
<ErrorMessage error={error} />
|
|
</span>
|
|
)}
|
|
</div>
|
|
|
|
<div className="modal-footer-right">
|
|
<Button
|
|
type="button"
|
|
onClick={cancel}
|
|
bsStyle={null}
|
|
className="btn-secondary"
|
|
disabled={inFlight}
|
|
>
|
|
{t('close')}
|
|
</Button>
|
|
</div>
|
|
</Modal.Footer>
|
|
</AccessibleModal>
|
|
)
|
|
}
|
|
ShareProjectModalContent.propTypes = {
|
|
cancel: PropTypes.func.isRequired,
|
|
show: PropTypes.bool,
|
|
animation: PropTypes.bool,
|
|
inFlight: PropTypes.bool,
|
|
error: PropTypes.string,
|
|
}
|
|
|
|
function ErrorMessage({ error }) {
|
|
const { t } = useTranslation()
|
|
|
|
switch (error) {
|
|
case 'cannot_invite_non_user':
|
|
return t('cannot_invite_non_user')
|
|
|
|
case 'cannot_verify_user_not_robot':
|
|
return t('cannot_verify_user_not_robot')
|
|
|
|
case 'cannot_invite_self':
|
|
return t('cannot_invite_self')
|
|
|
|
case 'invalid_email':
|
|
return t('invalid_email')
|
|
|
|
case 'too_many_requests':
|
|
return t('too_many_requests')
|
|
|
|
default:
|
|
return t('generic_something_went_wrong')
|
|
}
|
|
}
|
|
ErrorMessage.propTypes = {
|
|
error: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]).isRequired,
|
|
}
|