mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-04 22:55:51 -05:00
26d7524c93
GitOrigin-RevId: 7ffc1e32d331fa8bab1ea25919e706bf8b59800f
50 lines
1.3 KiB
TypeScript
50 lines
1.3 KiB
TypeScript
import { useEffect } from 'react'
|
|
import { useLayoutContext } from '@/shared/context/layout-context'
|
|
|
|
/**
|
|
* This hook adds an event listener for events dispatched from the editor to the compile logs pane
|
|
*/
|
|
export const useLogEvents = (setShowLogs: (show: boolean) => void) => {
|
|
const { pdfLayout, setView } = useLayoutContext()
|
|
|
|
useEffect(() => {
|
|
const listener = (event: Event) => {
|
|
const { id, suggestFix } = (
|
|
event as CustomEvent<{ id: string; suggestFix?: boolean }>
|
|
).detail
|
|
|
|
setShowLogs(true)
|
|
|
|
if (pdfLayout === 'flat') {
|
|
setView('pdf')
|
|
}
|
|
|
|
window.setTimeout(() => {
|
|
const element = document.querySelector(
|
|
`.log-entry[data-log-entry-id="${id}"]`
|
|
)
|
|
|
|
if (element) {
|
|
element.scrollIntoView({
|
|
block: 'start',
|
|
inline: 'nearest',
|
|
})
|
|
|
|
if (suggestFix) {
|
|
element
|
|
.querySelector<HTMLButtonElement>(
|
|
'button[data-action="suggest-fix"]'
|
|
)
|
|
?.click()
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
window.addEventListener('editor:view-compile-log-entry', listener)
|
|
|
|
return () => {
|
|
window.removeEventListener('editor:view-compile-log-entry', listener)
|
|
}
|
|
}, [pdfLayout, setView, setShowLogs])
|
|
}
|