Mathias JakobsenandCopybot
2b77e92d5b
[web] Finalise copy for docx import GitOrigin-RevId: de0331483752ca1f8e8f1ac78639820b7b738c15
90 lines
2.3 KiB
TypeScript
90 lines
2.3 KiB
TypeScript
import { Trans, useTranslation } from 'react-i18next'
|
|
import {
|
|
OLModal,
|
|
OLModalBody,
|
|
OLModalFooter,
|
|
OLModalHeader,
|
|
OLModalTitle,
|
|
} from '@/shared/components/ol/ol-modal'
|
|
import OLButton from '@/shared/components/ol/ol-button'
|
|
import { useEffect, useState } from 'react'
|
|
import { showImportDocxFeedbackToast } from '@/features/project-list/components/new-project-button/import-docx-feedback-toast'
|
|
|
|
function ProjectConvertedFromDocxModal() {
|
|
const [
|
|
showProjectConvertedFromDocxModal,
|
|
setShowProjectConvertedFromDocxModal,
|
|
] = useState(false)
|
|
|
|
useEffect(() => {
|
|
const query = window.location.search
|
|
const queryString = new URLSearchParams(query)
|
|
|
|
if (queryString.get('converted-from-docx') === 'true') {
|
|
setShowProjectConvertedFromDocxModal(true)
|
|
|
|
// Clean the URL immediately so a refresh doesn't trigger the modal again,
|
|
// but preserve other search params and the hash.
|
|
const url = new URL(window.location.href)
|
|
url.searchParams.delete('converted-from-docx')
|
|
window.history.replaceState(window.history.state, '', url.toString())
|
|
}
|
|
}, [])
|
|
|
|
return (
|
|
<>
|
|
{showProjectConvertedFromDocxModal && (
|
|
<ProjectConvertedFromDocxModalContent
|
|
onHide={() => {
|
|
setShowProjectConvertedFromDocxModal(false)
|
|
showImportDocxFeedbackToast()
|
|
}}
|
|
/>
|
|
)}
|
|
</>
|
|
)
|
|
}
|
|
|
|
function ProjectConvertedFromDocxModalContent({
|
|
onHide,
|
|
}: {
|
|
onHide: () => void
|
|
}) {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<OLModal
|
|
show
|
|
animation
|
|
onHide={onHide}
|
|
id="converted-from-docx-modal"
|
|
backdrop="static"
|
|
>
|
|
<OLModalHeader>
|
|
<OLModalTitle as="h3">{t('document_ready_for_editing')}</OLModalTitle>
|
|
</OLModalHeader>
|
|
<OLModalBody>
|
|
<Trans
|
|
i18nKey="weve_converted_your_content_to_latex"
|
|
components={[
|
|
// eslint-disable-next-line jsx-a11y/anchor-has-content
|
|
<a
|
|
href="/learn"
|
|
key="wiki-link"
|
|
rel="noopener noreferrer"
|
|
target="_blank"
|
|
/>,
|
|
]}
|
|
/>
|
|
</OLModalBody>
|
|
<OLModalFooter>
|
|
<OLButton variant="primary" onClick={onHide}>
|
|
{t('start_editing')}
|
|
</OLButton>
|
|
</OLModalFooter>
|
|
</OLModal>
|
|
)
|
|
}
|
|
|
|
export default ProjectConvertedFromDocxModal
|