51 lines
1.5 KiB
TypeScript
51 lines
1.5 KiB
TypeScript
import { useTranslation } from 'react-i18next'
|
|
import { useDetachCompileContext as useCompileContext } from '../../../shared/context/detach-compile-context'
|
|
import { useProjectContext } from '../../../shared/context/project-context'
|
|
import * as eventTracking from '../../../infrastructure/event-tracking'
|
|
import { isSmallDevice } from '../../../infrastructure/event-tracking'
|
|
import MaterialIcon from '@/shared/components/material-icon'
|
|
import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
|
|
|
|
export default function DownloadPDF() {
|
|
const { t } = useTranslation()
|
|
const { pdfDownloadUrl, pdfUrl } = useCompileContext()
|
|
const { _id: projectId } = useProjectContext()
|
|
|
|
function sendDownloadEvent() {
|
|
eventTracking.sendMB('download-pdf-button-click', {
|
|
projectId,
|
|
location: 'left-menu',
|
|
isSmallDevice,
|
|
})
|
|
}
|
|
|
|
if (pdfUrl) {
|
|
return (
|
|
<a
|
|
href={pdfDownloadUrl || pdfUrl}
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
onClick={sendDownloadEvent}
|
|
>
|
|
<MaterialIcon type="picture_as_pdf" size="2x" />
|
|
<br />
|
|
PDF
|
|
</a>
|
|
)
|
|
} else {
|
|
return (
|
|
<OLTooltip
|
|
id="disabled-pdf-download"
|
|
description={t('please_compile_pdf_before_download')}
|
|
overlayProps={{ placement: 'bottom' }}
|
|
>
|
|
<div className="link-disabled">
|
|
<MaterialIcon type="picture_as_pdf" size="2x" />
|
|
<br />
|
|
PDF
|
|
</div>
|
|
</OLTooltip>
|
|
)
|
|
}
|
|
}
|