mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-14 04:30:56 -05:00
aa480a2663
[web] migrate from window attributes to getMeta GitOrigin-RevId: 3dcf1ab6b01155e5e4abeb3e78d0fa9053e055bc
79 lines
2.3 KiB
TypeScript
79 lines
2.3 KiB
TypeScript
import { memo, useCallback, useEffect, useState } from 'react'
|
|
import * as eventTracking from '@/infrastructure/event-tracking'
|
|
import { useDetachCompileContext } from '@/shared/context/detach-compile-context'
|
|
import usePersistedState from '@/shared/hooks/use-persisted-state'
|
|
import { CompileTimeWarningUpgradePromptInner } from '@/features/pdf-preview/components/compile-time-warning-upgrade-prompt-inner'
|
|
import getMeta from '@/utils/meta'
|
|
|
|
function CompileTimeWarningUpgradePrompt() {
|
|
const { isProjectOwner, deliveryLatencies, compiling, showLogs, error } =
|
|
useDetachCompileContext()
|
|
|
|
const [showWarning, setShowWarning] = useState(false)
|
|
const [dismissedUntilWarning, setDismissedUntilWarning] = usePersistedState<
|
|
Date | undefined
|
|
>(`has-dismissed-10s-compile-time-warning-until`)
|
|
|
|
const handleNewCompile = useCallback(
|
|
compileTime => {
|
|
setShowWarning(false)
|
|
if (compileTime > 10000) {
|
|
if (isProjectOwner) {
|
|
if (
|
|
!dismissedUntilWarning ||
|
|
new Date(dismissedUntilWarning) < new Date()
|
|
) {
|
|
setShowWarning(true)
|
|
eventTracking.sendMB('compile-time-warning-displayed', {
|
|
time: 10,
|
|
isProjectOwner,
|
|
})
|
|
}
|
|
}
|
|
}
|
|
},
|
|
[isProjectOwner, dismissedUntilWarning]
|
|
)
|
|
|
|
const handleDismissWarning = useCallback(() => {
|
|
eventTracking.sendMB('compile-time-warning-dismissed', {
|
|
time: 10,
|
|
isProjectOwner,
|
|
})
|
|
setShowWarning(false)
|
|
const until = new Date()
|
|
until.setDate(until.getDate() + 1) // 1 day
|
|
setDismissedUntilWarning(until)
|
|
}, [isProjectOwner, setDismissedUntilWarning])
|
|
|
|
useEffect(() => {
|
|
if (compiling || error || showLogs) return
|
|
handleNewCompile(deliveryLatencies.compileTimeServerE2E)
|
|
}, [compiling, error, showLogs, deliveryLatencies, handleNewCompile])
|
|
|
|
if (!getMeta('ol-ExposedSettings').enableSubscriptions) {
|
|
return null
|
|
}
|
|
|
|
if (compiling || error || showLogs) {
|
|
return null
|
|
}
|
|
|
|
if (!showWarning) {
|
|
return null
|
|
}
|
|
|
|
// if showWarning is true then the 10s warning is shown
|
|
|
|
return (
|
|
<div>
|
|
{showWarning && isProjectOwner && (
|
|
<CompileTimeWarningUpgradePromptInner
|
|
handleDismissWarning={handleDismissWarning}
|
|
/>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default memo(CompileTimeWarningUpgradePrompt)
|