mirror of
https://github.com/yu-i-i/overleaf-cep.git
synced 2025-07-29 05:00:06 +02:00
1950585514
* Use the leadingIcon prop instead of spacing * Remove duplicated ID * Make the alt text to be empty since image is decorative * Make switcher input visually hidden The switcher's input previously used 'pointer-events: none', which prevented proper interaction in the test. It replaces that hack. * Add accessibilityLabel to the info icon that is actually a clickable link * Use more specific selectors * It should display * Use more specific selectors * Use more specific selectors GitOrigin-RevId: a555d96cf972d06dd5432f44a23b02355cedcd94
56 lines
2.3 KiB
TypeScript
56 lines
2.3 KiB
TypeScript
import { ElementType, memo, Suspense } from 'react'
|
|
import classNames from 'classnames'
|
|
import PdfLogsViewer from './pdf-logs-viewer'
|
|
import PdfViewer from './pdf-viewer'
|
|
import { FullSizeLoadingSpinner } from '../../../shared/components/loading-spinner'
|
|
import PdfHybridPreviewToolbar from './pdf-preview-hybrid-toolbar'
|
|
import { useDetachCompileContext as useCompileContext } from '../../../shared/context/detach-compile-context'
|
|
import { PdfPreviewMessages } from './pdf-preview-messages'
|
|
import CompileTimeWarningUpgradePrompt from './compile-time-warning-upgrade-prompt'
|
|
import { PdfPreviewProvider } from './pdf-preview-provider'
|
|
import PdfPreviewHybridToolbarNew from '@/features/ide-redesign/components/pdf-preview/pdf-preview-hybrid-toolbar'
|
|
import PdfErrorState from '@/features/ide-redesign/components/pdf-preview/pdf-error-state'
|
|
import { useIsNewEditorEnabled } from '@/features/ide-redesign/utils/new-editor-utils'
|
|
import importOverleafModules from '../../../../macros/import-overleaf-module.macro'
|
|
import PdfCodeCheckFailedBanner from '@/features/ide-redesign/components/pdf-preview/pdf-code-check-failed-banner'
|
|
import getMeta from '@/utils/meta'
|
|
|
|
function PdfPreviewPane() {
|
|
const { pdfUrl } = useCompileContext()
|
|
const { compileTimeout } = getMeta('ol-compileSettings')
|
|
const classes = classNames('pdf', 'full-size', {
|
|
'pdf-empty': !pdfUrl,
|
|
})
|
|
const newEditor = useIsNewEditorEnabled()
|
|
const pdfPromotions = importOverleafModules('pdfPreviewPromotions') as {
|
|
import: { default: ElementType }
|
|
path: string
|
|
}[]
|
|
|
|
return (
|
|
<div className={classes}>
|
|
<PdfPreviewProvider>
|
|
{newEditor ? (
|
|
<PdfPreviewHybridToolbarNew />
|
|
) : (
|
|
<PdfHybridPreviewToolbar />
|
|
)}
|
|
{newEditor && <PdfCodeCheckFailedBanner />}
|
|
<PdfPreviewMessages>
|
|
{compileTimeout < 60 && <CompileTimeWarningUpgradePrompt />}
|
|
</PdfPreviewMessages>
|
|
<Suspense fallback={<FullSizeLoadingSpinner delay={500} />}>
|
|
<div className="pdf-viewer" data-testid="pdf-viewer">
|
|
<PdfViewer />
|
|
</div>
|
|
</Suspense>
|
|
{newEditor ? <PdfErrorState /> : <PdfLogsViewer />}
|
|
{pdfPromotions.map(({ import: { default: Component }, path }) => (
|
|
<Component key={path} />
|
|
))}
|
|
</PdfPreviewProvider>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default memo(PdfPreviewPane)
|